Google maps z-index problem in IE

Posted by Bas van de Lustgraaf on Stack Overflow See other posts from Stack Overflow or by Bas van de Lustgraaf
Published on 2010-04-22T10:03:15Z Indexed on 2010/04/22 11:33 UTC
Read the original article Hit count: 194

Filed under:
|
|

I'm loading my google maps into div class="extra" style="display: none;" /. As soon as the AJAX request is complete, the map_canvas div is placed inside the hidden div and the hidden div will be vissible with the toggleDown jquery effect.

In FF it's working perfect, but in IE the Google maps (map_canvas div) is already visible before the toggleDown effect is started.

I think the z-index and the relative position of the map_canvas div wich is loaded into the hidden div will place the map_canvas div on top of the hidden div.

What do i have to change to make sure the map_canvas div is not on top of the hidden div?

While toggleDown in FF: http:// img169.imageshack.us/img169/9274/50485429.jpg

While toggleDown in IE: http://img188.imageshack.us/img188/2110/93959677.jpg

© Stack Overflow or respective owner

Related posts about google-maps

Related posts about z-index