Safari中未显示背景图片

小编典典

Safari中未显示背景图片

html

我正在进行响应式设计，并且“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;
}

阅读 571

2020-05-10

共1个答案

小编典典

我将图像格式从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;
}

2020-05-10