Question

这看起来像一个简单的工作，但让我从几天开始疯了。我有一个多页JQM应用程序，我需要为每个页面设置不同的可缩放背景图像。

我按照链接jquery mobile background image中解释的所有方法进行了操作。

似乎在最新版本的JQM（1.3.0）上没有任何作用。当我在Chrome中调试时，似乎总是有一个隐藏背景图像的叠加层。此外，没有一种方法针对多页面环境定位内容div。即使我在ui_page类上工作的风格，我担心我将无法在不同的页面上使用不同的图像。

是否有一种简单的方法可以在多页面应用的每个页面上静态分配不同的背景图像（可以缩放）。

Answer 1

工作示例：http://jsfiddle.net/CQRRC/

使用的CSS：

.ui-page {
    background:url(http://decentpics.com/wp-content/uploads/2013/04/05-Cute-Puppy-Wallpapers.jpg) !important;
    background-size:cover  !important;
    background-repeat:no-repeat  !important;
}

编辑：

在不同页面上使用不同图片的解决方案：http://jsfiddle.net/CQRRC/1/

JQM：需要为每个内容页面设置可缩放的背景图像

1 个答案: