css - 重复声明时背景图像不显示在 IE8 中

Question

我有一个我只想在主页上使用的背景图片，所以我在 body 标签上有 .home 类。在 ie8 和 ie9 以外的所有地方都可以正常工作。这不是图像问题，因为如果我将图像 css 移动到第一个包装器声明它工作正常......但随后会出现在每个页面上。我可以为所有包装器声明它，然后放置背景:无；对于其他每一页，但这真的很乱。我觉得我在这里遗漏了一些非常明显的东西。

.wrapper {
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
}
.home .wrapper {
    background-image: url(../images/home-illustration.png);
    background-repeat: no-repeat;
    background-position: 0px 100px;
}

页面在这里:http://mcging.4pixels.co.uk/index.html

Answer 1

首先，您可以像这样缩短您的 css:

background: url(../images/home-illustration.png) no-repeat 0px 100px;

第二，在首页 wrapper div 上放 class="wrapper home clearfix"

你的实际 css 应该是:

.wrapper.home{
    background: url(../images/home-illustration.png) no-repeat 0px 100px;
}