CSS 背景图像在 Safari 浏览器上不起作用答案

【问题标题】：CSS background-image don't work on Safari browserCSS 背景图像在 Safari 浏览器上不起作用
【发布时间】：2020-05-09 23:32:01
【问题描述】：

我的图片不能在 Safari 浏览器（iPhone 6、7、8...）上运行，它可以在 Chrome、Opera、Firefox 上运行。请帮我。这是我的现场项目http://plocastinamestajleske.com/

CSS 代码

.logo {
  background-image: url("/assets/img/logo.png");
  background-image: url("/assets/img/logo.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 200px;
  height: 100%;
}

【问题讨论】：

标签： html css safari background-image mobile-safari

【解决方案1】：

我遇到了类似的问题，将我的图片从 png 转换为 gif 很有帮助。 Safari 和背景图像存在一些已知错误。

This link to a similar problem might have some other solutions if mine doesn't work.

【讨论】：

我将图像更改为 gif，还删除了 webp 格式，在父级上添加了一些高度，现在它可以工作了。谢谢