Css 如何在jQuery mobile 1.4.0中防止页面背景图像拉伸？

在我的jQuery mobile 1.4.0应用程序中，我有一个包含列表视图的页面。问题是，当我为该页面添加了一个背景图像时，列表元素会随着内容的扩展而变得越来越大，这在移动设备上比JSFIDLE上更明显，这是我的问题

我怎样才能使背景图像是全屏的和固定的，而不是与内容拉伸？请帮帮我

以下是我如何将背景图像添加到我的页面：

#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 ;    
 }

---

您将希望将背景图像附加到文档

正文

，而不是容器div。在小提琴中使用CSS：

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

#EmPListPage, #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;  
}

---

将背景图像添加到页面本身比content div或任何其他div都要好。@OmarI我已经将背景图像添加到页面了检查jsfiddle，这个#EmPListPage:是我的页面ID@OmarDo你知道这个问题吗？我如何解决它，你能帮我吗？添加它

正文

，并给

.ui页面

一个透明的背景@OmarThanks我已经这样尝试过了，因为我在页面上有更多的内容，每个页面都有不同的BG，它在JSFIDLE上工作过，但对我不起作用！这是因为我正在使用本地目录中的图像吗？Plaese你能帮我更多的忙吗？我已经试过了，但在jQuery mobile 1.4.0中根本不起作用。背景图片没有appear@user不确定你是否在对这个问题的评论中找到了答案，但我添加了一个提琴（基于你的最新版本）来证明这个答案在正常情况下似乎是有效的。也许您的实际代码中存在一些独特的问题，但不确定。