Safari中未显示背景图片

  • Z时代
  • 2024-01-10
  • 分类：问答

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

以上是 Safari中未显示背景图片 的全部内容， 来源链接： utcz.com/qa/414587.html

回到顶部