2016-07-14 56 views
0

请看看这个网站在Safari浏览器(可能的Mac OS) http://www.sportaboutgraphics.com无法解决这个奇怪的哈弗错误在Safari仅

我不知道这个问题是存在的Windows版Safari。 将鼠标悬停在右侧的菜单项上时。发生了一些非常奇怪的事情。通过逐个检查元素无法检测或解决问题。

当我完全删除线检查元素这说明了工作的唯一方法(它刚刚开放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冲突插入。有人可以帮我修理它,或者告诉我为什么它发生?

回答

0

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

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