DIV 和图像未在 Safari 中显示，在 Chrome 和 Firefox 中正常答案

【问题标题】：DIVs and images not showing in Safari, fine in Chrome and FirefoxDIV 和图像未在 Safari 中显示，在 Chrome 和 Firefox 中正常
【发布时间】：2018-01-12 01:57:33
【问题描述】：

这个主页我快疯了：http://faboola.it

英雄图片下方带有图标/链接的框在 chrome 和 FF 上可以正常工作，但不能在 Safari（桌面版，11.02）中呈现。我尝试删除所有动画，将 SVG 替换为 PNG，但不起作用。

在 WPJoints/Foundation 6.3 中使用 Wordpress

有什么想法吗？谢谢！ :)

【问题讨论】：

刚刚在 safari 上通过 iPhone 进行了检查，它可以正常工作...
不要投反对票，因为在 safari 桌面上它不起作用，我仍在试图找出原因 ^^
我已经在 Safari Desktop 中进行了检查，问题就在那里。我投了赞成票...
是的，对不起，是 Safari 桌面让我发疯了！ :)

标签： html css wordpress

【解决方案1】：

好的，这与 DIV 上的 Motion UI 动画有关。从 CSS 中删除动画似乎可以解决问题。看起来像是 Safari 上 Motion UI 中的一个错误： https://foundation.zurb.com/forum/posts/54883-mui-series-safari-11-compatibility

https://github.com/zurb/motion-ui/issues/97

我删除了动画。 :(

【讨论】：