Html CSS背景图像don'；不能在Safari浏览器上工作

我的图片不适用于Safari浏览器（iPhone 6、7、8…），它适用于Chrome、Opera和Firefox。 请帮帮我。 这是我的现场项目

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%;
}

---

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

---

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