Openlayers + Superfish safari冲突

Question

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

在检查时，没有zindex问题，没有出现js错误，似乎超级鱼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中修复了消失的菜单项。