documentation css z-index

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » z-index

Table des matières

z-index

Version CSS : 2

  • S’applique à : Tous les éléments positionnés (la propriété position à une autre valeur que static).
  • Valeur héritée : Non
  • Valeur par défaut : auto.

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
z-index Partiel Partiel Partiel Partiel Partiel Oui Non testé Non testé
auto Oui Oui Oui Oui Oui Oui Non testé Non testé
Integer Oui Oui Oui Oui Oui Oui Non testé Non testé
inherit Non Non Oui Oui Oui Oui Non testé Non testé

Explications

z-index permet la superposition des éléments en définissant l’ordre d’empilement des éléments.

Attention : “z-index: 1” se trouvera au-dessous de “z-index: 2”

Exemple de script

.obj1 {
  z-index: 1;
}
 
.obj2 {
  z-index: 2;
}
 
.obj3 {
  z-index: 3;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod