首页 > 解决方案 > 横幅图像未出现在 Safari 上

问题描述

亲爱的 Stackoverflow 社区,

我使用 Flatsome 主题创建了一个带有 WordPress 的网站。

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

以下是 Chrome 和 Safari 的屏幕截图,供您了解问题: 出现在 Chrome 上的背景图片 滑块中的图像不会出现在 Safari 上

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

  1. Flickity 滑块中使用的 bg-loaded 类在 Chrome 上正确显示,但在 Safari 上不显示 开发工具 Chrome - 类 bg-loaded 出现 网络检查器 Safari - 类 bg-loaded 未出现

  2. Flickity 似乎存在问题:所有 Flickity 类在 Chrome 上都正确显示,但显示警告!在 Safari 上: 开发工具 Chrome - flickity 工作正常 网络检查器 Safari - 闪烁问题

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

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

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

问候。

标签: csssafariflickity

解决方案


推荐阅读