仅媒体屏幕未加载新背景

Question

我有一个网站，我使用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图像而不是新图像。 任何帮助都会很棒。

Answer 1

在主要样式后面写媒体查询。写得像这样：

.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;
        }

}