我有一个带有一些 CSS 动画的页面。此页面还包含通过 Google Maps API 生成的地图。
你可以在这里看到一个精简的演示:
http://dev.timmurtaugh.com/demo/projects-map-debug.html
如果在将鼠标悬停在“主导航项”上之前单击“切换大小”大小链接,您将看到切换元素按预期调整大小。
但是,一旦您将鼠标悬停在应该通过 CSS 触发弹出菜单的 nav 元素上,不仅弹出菜单不会出现,“切换大小”链接也会停止工作。
好像这还不够奇怪,网络检查员认为一切正常——它报告盒子的大小正在改变,而视觉上并没有。
我尝试在 iframe 中隔离地图,得到了相同的结果。
这似乎只发生在 Safari (5.1.5) / Mac 中,而不发生在我检查过的任何其他浏览器(最新的 Chrome / Firefox / Internet Explorer 9)中。
我已经尝试过这个问题中的建议:jQuery jScrollPane 问题/与 Safari 上的 Google 地图冲突
...在这个:Mac Safari 5.0.4 bug when using Google Maps API
有什么我可以做的吗?