如何防止页面背景图像在jQuery移动1.4.0伸展？ [英] How to Prevent the page background image from stretching in jQuery mobile 1.4.0?

问题描述

在我的jQuery移动1.4.0应用程序，我有一个页面，其中包含列表视图问题是，当我为此页面添加了一个背景图像，因为列表元素随着背景伸展与内容和在移动设备上的清晰度比jsFiddle清晰，这是我的 jsfiddle 。

In my jQuery mobile 1.4.0 app I have a Page which contains a list view the Problem is that when I have added a background image for this page as the list elements are becoming larger as the background stretchs with the content and this apears clearly on mobile devices more than jsFiddle ,this is my jsfiddle .

如何使背景图片进行全屏显示和修正，而不是扩展内容？请帮助我..

How can I make the background image to be fullscreen and fixed , not stretched with the content? Please help me ..

这里如何添加背景图片到我的页面：

Here How I add a background image to my Page:

#EmPListPage{
   background-image: url('http://images2.layoutsparks.com/1/218610/just-ducky-dots-  pinky.gif') !important;
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }

 #PageContent{

   background: transparent ;    
 }

推荐答案

使用包含，如下所示：

.ui-page {
    background: #000;
    background-image: url("http://bettingmasters.info/wp-content/uploads/2013/11/19757-football-stadium-1920x1200-sport-wallpaper.jpg");
    background-size: contain;  
}

这篇关于如何防止页面背景图像在jQuery移动1.4.0伸展？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！