我正在进行响应式设计,并且“bgMainpage”类具有背景图片,但并未在所有设备上的Safari上显示。我已经应用了背景尺寸封面,因为这正是客户想要的。我也添加了特定于浏览器的CSS,但我不确定该怎么做才能在Safari中显示。Chrome,FF,IE可以很好地显示图像。有任何想法吗 ?
CSS:
.bgMainpage{ background:url("../images/bg.jpg") no-repeat scroll right top #000000; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size:cover; background-size: cover; }
我将图像格式从jpeg转换为gif,并且有效。所以最终的CSS是:
.bgMainpage{ background:url("../images/bg.gif") no-repeat scroll right top #000000; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size:cover; background-size: cover; }