Google Maps, Z Index und Drop Down Javascript Menüs

Question

Ich bin heute auf ein kleines Problem gestoßen: Ich habe ein JS-Dropdown-Menü und wenn ich eine GoogleMap eingefügt ... das Menü wird hinter der Google Map gerendert ... Irgendwelche Ideen, wie man den z Index der Google Map zufällig?

Gracias.

Answer 1

Wenn Ihr Problem im Internet Explorer auftritt, es aber in FireFox oder Safari so dargestellt wird, wie Sie es erwarten würden, dieser Link war für mich außerordentlich hilfreich bei einem ähnliches Problem .

Es scheint darauf hinauszulaufen, dass die Kennzeichnung eines Elements als "position:relative;" in CSS dazu führt, dass IE6 und IE7 den z-Index des Elements im Verhältnis zu anderen Elementen, die vor ihm im HTML-Dokument stehen, auf unintuitive und unspezifische Weise verändern. Angeblich verhält sich IE8 "korrekt", aber ich habe es nicht selbst getestet.

Der Rat von Anutron ist sehr hilfreich, wenn Ihr Problem mit einer <SELECT> Formular-Element, aber wenn Sie JavaScript verwenden, um divs oder uls so zu manipulieren, dass sie wie ein Dropdown-Element wirken, glaube ich nicht, dass es helfen wird.

Answer 2

Beachten Sie, dass Dropdown-Menüs in einigen Browsern ( ähm IE*ahem) kann überhaupt nicht zPositioniert werden. Sie müssen ein "iframe shim" verwenden, um es zu verdecken, oder das Dropdown ganz ausblenden, wenn Sie etwas darüber positionieren möchten. Siehe: http://clientside.cnet.com/wiki/cnet-libraries/02-browser/02-iframeshim

Answer 3

Die Karte ist bereits in ein div eingeschlossen. Geben Sie ihm einen negativen z-index und es funktioniert - mit einem Vorbehalt: die gmaps Kontrollen sind nicht klickbar.

Answer 4

Wenn Ihr Menü in einen div-Container eingeschlossen ist, z. B. #menuWrap dann weisen Sie ihm eine relative Position zu und geben Sie ihm einen hohen z-index.... z.B.

#menuWrap {
  position: relative;
  z-index: 9999999
}

Stellen Sie sicher, dass Ihre Karte innerhalb eines div

Answer 5

Versuchen Sie, den Z-Index Ihres Menüs wahnsinnig hoch einzustellen. Offensichtlich Google Maps verwendet einen Bereich von -9000000 bis 9000000.