我有一个带有一些CSS动画的页面。此页面还有一个通过Google Maps API生成的地图。
你可以在这里看到一个精简的演示：
http://dev.timmurtaugh.com/demo/projects-map-debug.html
如果在悬停在“主导航项目”之前单击“切换大小”大小链接，您将看到切换元素按预期调整大小。
但是，一旦将鼠标悬停在导航元素上（通过CSS触发弹出菜单），不仅不会显示弹出菜单，“切换大小”链接也会停止工作。
好像这不够奇怪，网络检查员认为一切正常工作 - 它报告框的大小是正在改变，当它在视觉上是不
我尝试在iframe中隔离地图，并得到相同的结果。
这似乎只发生在Safari（5.1.5）/ Mac中，而不是我检查过的任何其他浏览器（最新的Chrome / Firefox / Internet Explorer 9）。
我已尝试过此问题中的建议：jQuery jScrollPane issue/conflict with Google maps on Safari
......在这一个：Mac Safari 5.0.4 bug when using Google Maps API
我能做些什么吗？
答案 0 :(得分：2)
通过上面提到的过度骑行（可见性：可见;＆amp; -webkit-transition：opacity ...;），这似乎对我有用。