Geek Answers Handbook

Safari v5 hides div when loading google maps

I have a problem with Safari v5 on mac. When my Google Api map is loaded on the page, it hides some of my other divs (which are absolutely positioned). The page displays correctly until the map loads. If I have a page without a map, the problem does not occur.

example: www.morecambe-lodge.co.uk

it also interferes with loading jquery ui. Is there a better way to lazily load google maps or solutions. I tried ready-made documents and window.onload methods, but it still persists with the problem.

I tested in firefox, i.e. chrome and safari v4, and this problem is not replicated, it seems only in Safari v5.

Any advice would be appreciated, thanks.

+5
source share
6 answers

Z-index has nothing to do with this error.

After I read the following article: http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190

I was able to fix my problem by doing two things. The first was changed every entry in my CSS that had a "text-indent" to have a value of 9999px or less. I use text indentation for all icon buttons, regardless of whether it comes from jQuery UI css or from my css. If I have installed more than 9999px created problems for me.

The second problem, after correcting the text, was blurred in fonts. The following steps helped solve this problem:

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

, , , .

+3

:

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

, Google (http://code.google.com/p/gmaps-api-issues/issues/detail?id=3190), "text-indent: -999999px;" "text-indent: -99999px;" . , .

z-index . webkit-transform , . .

+1

Yes, it looks like the same problem. I also posted a google question. we hope to achieve it.

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

0
source

Key: this is apparently caused by stacking elements with -webkit-transform: translateZ (0px); When you disable / delete them, backgrounds will reappear.

0
source

More articles:


All Articles