使用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 。即使您使用！更改身体背景，它仍然会保持隐藏，因为类.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;
}