Propriété CSS z-indexProperty
Exemple
Définir le z-index de l'image:
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
Essayez-le vous-même »
Définition de la propriété et instructions d'utilisation
La propriété z-index spécifie l'ordre d'empilement d'un élément.
Un élément avec un ordre d'empilement supérieur est toujours devant un élément avec un ordre d'empilement inférieur.
Remarque:z-index ne s'applique qu'aux éléments positionnés(position:absolute, position:relative, ou position:fixed).
| Valeur par défaut : | auto |
|---|---|
| Héritée : | non |
| version : | CSS2 |
| Syntaxe JavaScript : | object.style.zIndex="1" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| auto | Par défaut. L'ordre d'empilement est égal à celui de l'élément parent. |
| nombre | Définit l'ordre d'empilement de l'élément. |
| inherit | Spécifie que la valeur de la propriété z-index doit être héritée de l'élément parent. |
Articles connexes
Tutoriel CSS :Positionnement CSS
autres extensions