Jquery Mobile具有多个<div data =“”role =“page”> </div>的同一文件中的相同背景

Question

我创建了一个包含多个data-role=page div的jquery移动页面，以便在页面中导航。

问题是我需要保留在页面中导航时不会刷新或移动的相同背景图片。

有没有办法这样做？

Answer 1

您可以从伪页面元素中删除默认背景，然后将自定义背景添加到body元素。这可以通过CSS完成：

.ui-mobile .ui-page {
    background : transparent;
}
body {
    background : url(...);
}

以下是演示：http://jsfiddle.net/jasper/feZJ7/2/

这将对所有页面应用相同的背景。您可以使用CSS定位.ui-mobile .ui-page元素以分别更改其背景。