css - 使用 CSS 的正文的背景颜色不反映在 html 页面上

Question

我正在尝试更改我的 html 页面的背景颜色，但它没有反映。我正在为我的页面使用jquerymobile，木偶。在我的CSS中我写过

body {
background-color:rgb(44,2,4);
}

即使我试过

html, body {
background-color:rgb(44,2,4);
}

发生的情况是正在设置背景颜色，但我可以在 html 页面上看到页面加载时的一闪而过，但之后设置了默认的 jquerymobile 主题。任何人都可以帮我解决问题吗？提前致谢。

Answer 1

使用 jQuery Mobile 时，.ui-page如果要更改背景颜色，则必须更改类。即使您使用 !important 更改正文背景，它仍然会保持隐藏状态，因为 .ui-page 类充当整个页面的叠加层。

甚至必须通过覆盖来完成，如下所示：

.ui-page {
    background:rgb(44,2,4) !important;
}

工作示例：http: //jsfiddle.net/6wD7v/

编辑 ：

找到了。您还使用了一个面板，该面板在.ui-page上使用了额外的覆盖 div 。

这个 CSS 现在可以工作了：

.ui-page, .ui-panel-content-wrap {
    background:rgb(44,2,4) !important;
}