css - 将其放在重复声明中时，背景图像未在 IE8 中显示

Question

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

.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

first, you can shorten your css like so:

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

second, on the homepage wrapper div put class="wrapper home clearfix"

your actual css should be:

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