Question

我在Mac上遇到Safari v5的问题。当我的Google Map Api被加载到页面中时，它隐藏了我的一些其他div（绝对定位）。页面正确呈现，直到加载地图。如果我有一个没有地图的页面，问题就不会发生。

示例：www.morecambe-lodge.co.uk

它似乎也干扰了jquery ui的加载。是否有更好的方法来延迟加载谷歌地图或解决方案。我已经尝试过文档就绪和window.onload方法，但它仍然存在问题。

我已经在firefox中测试过，即chrome和safari v4这个问题没有被复制，似乎只发生在safari v5中。

任何建议都会得到慷慨解释，谢谢。

Answer 1

z-index与此错误无关。

阅读以下文章后： http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

我能够通过做两件事来解决我的问题。第一个是修改我的CSS中的每个条目，其中“text-indent”的值为9999px或更低。我对所有图标按钮使用text-indent，无论是来自jQuery UI css还是来自我的CSS。设置超过9999px为我创造了问题。

修复文本缩进后的第二个问题是字体模糊。以下内容有助于解决此问题：

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transform: none !important;
  }

文章中提到了这两个，但我发现文本缩进需要小于建议的内容。

Answer 2

这项工作对我来说：

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transform: none !important;
  }

Answer 3

Google发布的错误（http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190）提及更改＆＃34;文字缩进：-999999px;＆＃ 34; to＆＃34; text-indent：-99999px;＆＃34;在元素上。丢掉一个9解决了我的问题。

z-index修复没有发生明显变化。 webkit-transform修复了正确呈现页面但使地图无法使用的问题。拖拽是不可能的。

Answer 4

还有另一个关于同一问题的主题：Mac Safari 5.0.4 bug when using Google Maps API

Answer 5

是的，看起来像是同样的问题。我也在谷歌上发布了这个问题。希望能够深究它。

http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

Answer 6

一条线索：它似乎是由-webkit-transform：translateZ（0px）;一旦禁用/删除它们，背景就会重新出现。

加载谷歌地图后，Safari v5会隐藏div

6 个答案: