我有一个网站,我使用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图像而不是新图像。 任何帮助都会很棒。
答案 0 :(得分: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;
}
}