javascript - Openlayers + Superfish safari 冲突

Question

使用 Drupal 7、Openlayers 和 Superfish 会导致奇怪的错误。在带有子导航项的菜单项上，顶部菜单项会消失，直到您将鼠标悬停在它上面。悬停后，它会与 subnav 一起正确显示。这只发生在调用 openlayers js 的页面上。

经过检查，没有出现 zindex 问题，没有出现 js 错误，并且看起来 superfish js 工作正常，因为导航滑动得很好。

在此页面上，导航在您悬停之前不起作用：http: //dev2.esavalanche.org/

在此页面上，导航工作正常：http ://dev2.esavalanche.org/node/18

我注意到这些物品在消失之前会出现一秒钟。

据我所知，这个问题仅存在于 Safari 中。在 Chrome 和 Firefox 中运行良好。

Answer 1

在这里的解决方案中发现了类似的问题：http: //drupal.org/node/1748514显然 openlayers 也使用 translate3d

添加

#superfish-1 ul,
#superfish-1  li {
 -webkit-transform: translate3d(0px, 0px, 1px);
}

在 CSS 中修复了消失的菜单项。