横幅图片未显示在 Safari 上

问题描述

亲爱的 Stackoverflow 社区,

我使用 wordpress 使用 Flatsome 主题创建了一个网站。

该网站在除 Safari 之外的所有浏览器中都能正确显示。 问题出在使用 Flickity 的滑块/横幅图像上,而 Safari 未显示

以下是 Chrome 和 Safari 的屏幕截图,供您了解问题:

background image appearing on Chrome

image in slider does not appear on Safari

通过检查元素,有些东西看起来是错误的:

  1. Flickity 滑块中使用的类 bg-loaded 在 Chrome 上正确显示,但在 Safari 上不显示

    dev tools Chrome - class bg-loaded appearing

    web inspector Safari - class bg-loaded not appearing

  2. 似乎 Flickity 有问题:所有 Flickity 类都在 Chrome 上正常显示,但显示警告!在 Safari 上:

    dev tools Chrome - flickity works properly

    web inspector Safari - problem with flickity

该网站在 iPhone 上运行良好。 网页中的所有其他图像都可以在所有浏览器和设备中正确显示。这只是未在 Safari 上显示的这些横幅图片

有人知道问题是什么以及如何解决吗?

非常感谢您在此问题上的帮助。

问候。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)