Définition de la css z-index


Propriété css : z-index

Détails des versions feuilles de style css z-index
css2
Détails de compatiblilité de la feuilles de style css z-index pour les navigateurs
Internet Explorer 4+
Netscape 6+
Netscape 4.78
Mozilla + et Firefox +


Définition de z-index

La propriété de feuille de style css z-index permet de spécifier la position d'empilement d'un bloc par rapport aux autres (notion de profondeur).
La propriété de feuille de style cssz-index est généralement utilisée pour la création de calques (Layer).
Le bloc ayant la plus grande valeur est au dessus.
Exemple de code :
.identifiant{
  position:relative;
  z-index:10;
}

La propriété de feuille de style z-index css peut prendre la valeur de :
- auto, valeur par défaut, le bloc aura un "z-index" plus grand que le bloc précédent déclaré dans le code HTML.
- 0 à +00, nombre positif.
- inherit, hérite de la propriété de son parent (css 2)



Application des z-index

La propriété de feuille de style z-index css est applicable sur toutes les balises HTML ou XHTML dont la valeur de la feuille de style position est égale à relative ou absolute.

La propriété de feuille de style css z-index n'a pas d'équivalence en HTML ou XHTML.


Problèmes des z-index

La propriété de feuille de style z-index peut poser des problèmes sur les navigateurs anciens : netscape <6, Internet Explorer <5, ...


BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css z-index.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.



Reporter un bug ou problème d'interprétationavec la propriété z-index
La propriété de feuille de style css Z-INDEX permet de spécifier la position d'empilement d'un bloc par rapport aux autres (notion de profondeur). La...[Voir]La propriété de feuille de style css POSITION permet de spécifier le type de positionnement. La propriété de feuille de style POSITION css a une incid...[Voir]