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

时间:2016-07-14 19:51:02

标签: jquery html css safari parallax.js

请在Safari浏览器中查看此站点(可能是Mac OS) 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插件存在某种冲突。有人可以帮我解决它或者告诉我它究竟发生的原因吗?

1 个答案:

答案 0 :(得分:0)

我自己设法解决了这个问题。 结果是Parallax.js提供了一个使用你自己的zIndex的功能。

所以我为Parallax设置了一个zIndex值1,为导航栏设置了一个更高的值并修复了它。