CSS 背景图像不适用于 Safari 浏览器

Question

我的图像在 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%;
}

Answer 1

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

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