仅媒体屏幕未加载新背景

时间:2012-09-18 09:55:00

标签: css mobile background

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

1 个答案:

答案 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;
        }

}