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, ...