Z-Index (propriété CSS)

Définit dans quel ordre se superposent les éléments, autrement dit, lequel masque les autres. Ce cas de figure ne peut se produire que lorsque les éléments sont positionnés en absolu (voir la propriété Position).

Z-Index accepte une valeur numérique sans unité. Plus cette valeur est élevée, plus l'élément est placé au premier plan.

Valeurs pour Z-Index.

AutoL'ordre d'arrivée des éléments détermine leur plan d'affichage.
ValeurL'élément est placé dans le plan correspondant à cette valeur. Le premier plan a la valeur la plus élevée.
InheritMême valeur que celle de l'élément parent.

Exemples.

Position: Absolute;
Left: 250px; Top: 600px;
Z-Index: 3;

Ce cadre à un indice Z-Index de 3 : il est au premier plan.

Position: Absolute;
Left: 20px; Top: 450pxt;
Z-Index: 2;

Ce cadre à un valeur Z-Index de 2 : il est dans un plan intermédaire.

Position: Absolute;
Left: 80px; Top: 630px
Z-Index: 1;

Avec une valeur Z-Index
de 1, ce cadre est
à l'arrière plan.

Pour toute utilisation des informations de cette page, reportez vous au copyright