Probleme mit z-index und position: relative

[Andree Filchos]

Hallo Axel,

»» Ja, aber ... ;-))

meine Lieblingsantwort bezüglich css ;-)

»» Die Eigenschaft position schafft unterschiedliche Ausgangssituationen für den z-index. Zwischen Elementen mit position:static ist der z-index wirkungslos. Zwischen Elementen mit position:relative liegt das Element mit dem höchsten z-index vorn, wenn sich diese Elemente überlappen. Elemente mit position:absolute sind _in_ Elementen mit position!=static an diesen Elementen orientiert. Das gilt auch für den z-index.

habe ich das richtig verstanden, dass es also nicht einen gemeinsamen z-index für _alle_ Elemente gibt, sondern dieser - zumindest bei position:absolute - sich immer nur auf das nächsthöhere positionierte Element bezieht?

»» Lösche alle z-index Angaben, bis auf:
»» »» #subNavi li {
»» »»  background: #F99;
»» »»  position: relative; /* for outOftheBox */
»» z-index: 1;
»» »» }

Sehr spannend - das geht, auch wenn mir momentan noch nicht hundertprozentig klar ist, wo mein Denkfehler liegt. Aber das kommt wohl mit der Zeit ...

Vielen Dank und Gruß
Andree