jquery - 无法仅在 Safari 中解决此奇怪的悬停错误

Question

请在 Safari 浏览器(可能是 Mac 操作系统)中查看此站点 http://www.sportaboutgraphics.com

我不知道 Windows Safari 是否存在该问题。当您将鼠标悬停在右侧的菜单项上时。确实发生了一些奇怪的事情。无法通过逐一检查元素来检测或解决问题。

唯一的方法是当我完全删除 Inspect Element 中的行时(它就在打开 body 标签之后):

<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: -8px; left: 0px; overflow: hidden; transform: translate3d(0px, 0px, 0px); height: 680px; width: 1412px;"><img class="parallax-slider" src="http://www.sportaboutgraphics.com/wp-content/uploads/2016/06/Seacliff-Beach.jpg" style="transform: translate3d(0px, 0px, 0px); position: absolute; top: -96.6px; left: 0px; height: 666px; width: 1412px; max-width: none;"></div>

所以基本上，与 Parallax.js 插件存在某种冲突。有人可以帮我修复它或告诉我它发生的确切原因吗？

Answer 1

我设法自己解决了这个问题。事实证明，Parallax.js 提供了一个使用您自己的 zIndex 的功能。

所以我将视差的 zIndex 值设置为 1，将导航栏的值设置为更高的值并修复了它。