Recommandation de cours :

Attribut zIndex de Style

Définition et utilisation zIndex

Définit et retourne l'ordre d'empilement de l'élément positionné.

Astuce :Un élément positionné avec une pile d'empilement plus grande (1) est toujours placé avant un autre élément avec une pile d'empilement plus basse (0). Attribut position Définir comme :relative,absolute ou fixed des éléments.

Astuce :Cet attribut est très utile pour créer des éléments superposés.

Voir également :

Tutoriel CSS :Propriété z-index CSS

Manuel de référence CSS :Attribut zIndex

Exemple

Exemple 1

Modifier l'ordre d'empilement de l'élément <img> :

document.getElementById("img1").style.zIndex = "1";

Essayer par vous-même

Exemple 2

Modifier la valeur de l'attribut z-index de l'élément <div> :

document.getElementById("myDIV").style.zIndex = "-1";

Essayer par vous-même

Exemple 3

Retourner la valeur de l'attribut z-index de l'élément <img> :

alert(document.getElementById("img1").style.zIndex);

Essayer par vous-même

Syntaxe

Retourner l'attribut zIndex :

object.style.zIndex

Définir l'attribut zIndex :

object.style.zIndex = "auto|number|initial|inherit"

Valeur de l'attribut

Détails techniques

CSS2

Retour au niveau supérieur

Manuel de référence JavaScript et HTML DOM

Boîte à outils

Exemples JavaScript

Quiz JavaScript

Tutoriel JavaScript