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

Question

我正在尝试更改我的 html 页面的背景颜色，但它没有反映。我正在为我的页面使用 jquerymobile, marionette。在我的 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;
}