0

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

我遵循链接jquery mobile background image中解释的所有方法。

似乎在最新版本的 JQM (1.3.0) 上没有任何效果。当我在 Chrome 中调试时，似乎总是有一个覆盖隐藏背景图像。此外，没有任何方法针对多页环境的内容 div。即使我让 ui_page 类的样式正常工作，我也担心我将无法在不同的页面上使用不同的图像。

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

4

1 回答 1

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/

于 2013-07-04T07:37:59.560 回答