CSS:z-index
Un article de MDC.
[modifier] Résumé
La propriété z-index définit l'ordre-z (empilement selon l'axe Z) d'un élément et de ses descendants. Quand des éléments se chevauchent, l'ordre-z définit lequel recouvre l'autre. Un élément avec un niveau z-index élevé recouvre généralement celui dont le niveau z-index est bas.
- Valeur initiale : 0
- S'applique à : éléments positionnés
- Héritée : Oui
- Média : Visuel
- Valeur calculée : comme spécifié
[modifier] Syntaxe
z-index: auto | <entier> | inherit
[modifier] Valeurs
- auto
- L'élément est généré dans le même plan que son parent. Cela ne crée pas de nouveau contexte d'empilement local.
- <entier>
- L'élément est dessiné à l'ordre-z défini. Cela crée un nouveau contexte d'empilement local, ce qui signifie que tous ses descendants seront aussi dessinés à ce niveau de z-index. Cela veut dire que les niveaux z-index des descendants ne seront pas comparés avec ceux situés au dehors de celui-ci.
[modifier] Exemples
[modifier] Notes
Des valeurs négatives de z-index sont supportées correctement depuis Gecko 1.9 / Firefox 3. Auparavant, les précédentes versions implémentaient le comportement CSS 2, pas celui de CSS 2.1 qui est compatible avec d'autres navigateurs.