position: relative Position erscheinen über: absolute

Question

in IE7 einem seltsamen Problem zu haben. In einer Reihe von Punkten habe ich ein DIV, die Position hat: auf sie (faux Drop-Down) absolut, wenn etwas dahinter ist, die Position hat: relativ der relativ positionierter Artikel durch den anderen div zeigen.

relativly positioniert Element hat keine Z-Index gesetzt, während das absolut positionierte Element (die, die ich oben wollen) einen Z-Index von 1000.

http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

Answer 1

hat ich Sie vermuten, dass‘ habe bereits versucht, aber eine z-index auf relativ positioniertes Element gesetzt, das niedriger ist als Ihr absolut z-index als erster Test des positionierten Elements.

Wenn das nicht funktioniert, müssen Sie sicherstellen, dass beide Elemente im gleichen stacking context sind. In IE, wenn Sie die position CSS-Regel auf ein Element anwenden, erzeugt er einen neuen Stapelkontext in diesem Element. Das bedeutet, dass z-Index wird nur richtig innerhalb dieses Elements für Kinder und Kinder in anderen Kontexten Stapel respektiert werden mit unteren Z-Indizes noch oben stapeln kann.

In Ihrem Fall müssen Sie entweder das Dropdown und die Schaltfläche im selben Stapelkontext platzieren oder wenden Sie den Z-Index auf die 2 Elemente an, die ihre separaten Stapelkontexte generieren.