0

ホームページにのみ必要な背景画像があるので、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

4

1 に答える 1

0

まず、次のようにcssを短縮できます。

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

第二に、ホームページのwrapperdivに置くclass="wrapper home clearfix"

実際のCSSは次のようになります。

.wrapper.home{
    background: url(../images/home-illustration.png) no-repeat 0px 100px;
}
于 2012-11-10T21:43:21.293 に答える