11 Stimmen

Position: relativ erscheint über position:absolute

Ich habe ein seltsames Problem im IE7. In einer Reihe von Spots habe ich eine DIV, die Position hat: absolute auf es (faux Dropdown), wann immer es etwas dahinter, die Position hat: relative die relative positionierte Element wird durch die andere div zeigen.

Relativ positioniertes Element hat keine z-Index gesetzt, während das absolut positionierte Element (das, das ich oben haben möchte) einen z-Index von 1000 hat.

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

32voto

Pat Punkte 24608

Ich vermute, Sie haben es bereits ausprobiert, aber setzen Sie eine z-index auf Ihrem relativ positionierten Element, die niedriger ist als die des absolut positionierten Elements z-index als ersten Test.

Wenn das nicht funktioniert, müssen Sie sicherstellen, dass sich beide Elemente im selben Stapelkontext . Wenn Sie im IE die Funktion position CSS-Regel auf ein Element anwenden, wird ein neuer Stapelkontext innerhalb dieses Elements erzeugt. Das bedeutet, dass der z-index nur innerhalb der Kinder dieses Elements und der Kinder in anderen Stapelkontexten korrekt eingehalten wird avec niedrigere z-Indizes können noch übereinander liegen.

In Ihrem Fall müssen Sie entweder das Dropdown und die Schaltfläche in denselben Stapelkontext stellen ou z-index auf die 2 Elemente anwenden, die ihre separaten Stapelkontexte erzeugen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X