取消背景：#fff 不取消背景图像

Question

父主题包含CSS：

body {
    background: #fff;
}

本首页使用CSS:

body.home {
    background-image: url(http://www.fleeceitout.com/images/field.2.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: fixed;
}

但是，background-image 规则正在被 background 规则覆盖（我相信），因此，页面的 body 没有背景图片。

我用什么 CSS 来消除 background: #fff; 规则，以便 body 包含背景图像？

Answer 1

However, the background-image rule is being overridden by the background rule (I believe), and hence, the body of the page does not have a background image.

你错了。

body 不如 body.home 具体，因此会首先应用并被 body.home 覆盖。

即使情况并非如此，!important 规则也会最后应用 background-image。

您的问题是 http://www.fleeceitout.com/images/field.2.jpg 导致服务器拒绝连接。

如果我将 URL 替换为有效的，你就会遇到第二个问题（尽管不是可以用你问题中的代码重现的问题）。

body 元素完全被 div#fullPage 元素覆盖，后者具有白色背景色。您必须将其设置为透明才能通过它看到 body 的背景。

取消背景：#fff 不取消背景图像

Cancel out background:#fff without cancelling out background-image

css

background-image

background-color