Z-Index logica?

[Verwijderd]

Hallo

Ik ben bezig met mijn nieuwe site. Hij werkt nu alleen voor FireFox en IE7, IE6 moet dus nog. Waar ik tegen aan loop is het volgende. Ik probeer de z-index van de verschillende uitklap elementen in te stellen. De container krijgen via een javascript de maximale z-index + 1. Toch overlappen de elementen elkaar niet juist.

Wat is de logica voor het instellen van de z-index? Is het instellen van het buitenste element genoeg?

Voor een voorbeeld zie http://office.synion.nl/synion

Alvast bedankt en groeten,

Arjan

[aOk]

waar de meeste mensen de fout ingaan met de z-index is het volgende:

<div style='z-index:2;'></div>
<div><div style='z-index:3;'></div></div>

De div die geen style bevat heeft een standaard z-index van 1 en omdat deze op "hetzelfde niveau" is dan de z-index van 2 .. gaat de z-index van 2 bovenaan en de div met een z-index van 3 heeft geen nut meer omdat die een niveau dieper ligt.

[Verwijderd]

Precies, je hoeft dus alleen de z-index van de elementen in te stellen van de container. De z-index binnen de container is dan niet relevant. Als ik het mezelf makkelijk wil maken zorg ik ervoor dat de containers op heztelfde niveau zitten, juist?

[Verwijderd]

z-index werkt alleen voor gepositioneerde elementen
wat aOk zegt klopt eigenlijk allemaal niet (de standaard z-index is niet 1, maar auto en zijn/haar voorbeeld werkt niet omdat de elementen niet gepositioneerd zijn, dat heeft verder niets met de nesting te maken)
http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index
http://www.w3.org/TR/CSS21/zindex.html

[ Voor 90% gewijzigd door Verwijderd op 04-08-2007 10:45 ]

[Verwijderd]

OK, bedankt het werk nu goed.

[Verwijderd]

offtopic:
Hee Arjan,
Heb jij nou nooit eens weekend... maandag weer werken hoor!
Jorn

[crisp]

* crisp wijst nog even naar de specificatie van z-index.
Note dat IE de mist ingaat met stacking context...

[funkwurm]

crisp schreef op zaterdag 04 augustus 2007 @ 22:41:
* crisp wijst nog even naar de specificatie van z-index.
Note dat IE de mist ingaat met stacking context...

Je hebt er staan IE (windows), ik heb even getest en ook IE for mac gaat de mist in.

Dit is IE 5.2 for Mac die nog te downloaden is via download.com, want MS zelf heeft IE for mac laten vallen.