3

我有一个带有一些 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

有什么我可以做的吗?

4

1 回答 1

2

有了上面提到的覆盖(可见性:可见性;& -webkit-transistion:opacity ...;),这似乎对我有用。

http://jsfiddle.net/vxfhT/1/

于 2012-05-14T19:45:19.830 回答