android - 如何使用 CSS / HTML5 JqueryMobile 设置自定义背景

Question

我在我的 jquerymobile android 应用程序中设置自定义背景时遇到问题。问题是在我将面板添加到页面之后。基本上我只是在下面使用这个 css 代码。

.ui-page { background-image: url(images/bg.jpg); -webkit-backface-visibility: hidden; }

设置我的背景，但是在我把代码放在下面之后

<div data-role="page">

<div data-role="panel" id="mypanel">
<!-- panel content goes here -->
</div><!-- /panel -->

<!-- header -->
<!-- content -->
<!-- footer -->

背景是空白的，谁能帮帮我。

Answer 1

用这个：

.ui-page, .ui-content { 
    background-image: url(images/bg.jpg) !important; 
    -webkit-backface-visibility: hidden !important; 
}

覆盖默认 jquery 移动类时，您必须使用 !important 覆盖它。没有它，jQuery Mobile 将只使用默认值。