【问题标题】: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 格式,在父级上添加了一些高度,现在它可以工作了。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-03
    • 1970-01-01
    • 2021-11-28
    • 1970-01-01
    • 2019-11-08
    • 2016-12-24
    • 2016-09-27
    相关资源
    最近更新 更多