1

divを背景として使用しているサイトがあります（適切に中央に配置する必要があるため、ボディに配置するのとは対照的です）。このサイトはhttp://asystec.hailstormcommerce.com/です。

これがcssです：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.backgroundwrapper {
background-image: url('images/asystec-mobile-bg.jpg');
background-position:center 188px;
        }

}

.backgroundwrapper {
background: #fff url('images/pageBgOld.jpg')  no-repeat;
background-position:center 188px;
height:1903px;
width:1903px;

}

ブラウザでキャッシュをクリアしようとしましたが、新しい画像とは対照的に、pageBgOld画像が確実に読み込まれています。どんな助けでも素晴らしいでしょう。

4

1 に答える 1

2

メインスタイルの後にメディアクエリを記述します。このように書いてください：

.backgroundwrapper {
background: #fff url('images/pageBgOld.jpg')  no-repeat;
background-position:center 188px;
height:1903px;
width:1903px;

}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.backgroundwrapper {
background-image: url('images/asystec-mobile-bg.jpg');
background-position:center 188px;
        }

}
于 2012-09-18T09:58:39.927 に答える