Propriété zIndex de style
Exemple
Modifiez l'ordre de pile d'un élément <img> :
document.getElementById("img1").style.zIndex = "1";
Définition et utilisation
La propriété zIndex définit ou renvoie l'ordre de pile d'un élément positionné.
Un élément avec un ordre de pile supérieur (1) est toujours devant un autre élément avec un ordre de pile inférieur (0).
Astuce : Un élément positionné est un élément dont la propriété position est définie sur : relative, absolue ou fixe.
Astuce : Cette propriété est utile si vous souhaitez créer des éléments qui se chevauchent.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété zIndex :
object.style.zIndex
Définissez la propriété zIndex :
object.style.zIndex = "auto|number|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant l'ordre de pile d'un élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Modifiez la valeur de la propriété z-index d'un élément <div> :
document.getElementById("myDIV").style.zIndex = "-1";
Exemple
Renvoie la valeur de la propriété z-index d'un élément <img> :
alert(document.getElementById("img1").style.zIndex);
Pages connexes
Tutoriel CSS : Positionnement CSS
Référence CSS : propriété z-index
❮ Objet de style