Openlayers + Superfish safari冲突

Question

使用Drupal7、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显然也使用了translate3d

添加

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

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