Exemple
Modifier l'ordre d'empilement d'un <img> élément:
document.getElementById("img1").style.zIndex = "1"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés zIndex ou retourne l'ordre d'empilement d'un élément positionné.
Un élément avec une plus grande commande de pile (1) est toujours en face d'un autre élément d'ordre inférieur de la pile (0) .
Tip: Un élément positionné est un élément de l'ensemble de propriétés de position: relative, absolue ou fixe.
Tip: Cette propriété est utile si vous voulez créer des éléments qui se chevauchent.
Support du navigateur
La propriété zIndex est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété zIndex:
object .style.zIndex
Définissez la propriété zIndex:
object .style.zIndex="auto| Valeurs de propriété Valeur La description auto Le navigateur détermine l'ordre d'empilement de l'élément (sur la base de son ordre dans le document). Ce défaut est number Un entier qui définit l'ordre d'empilement de l'élément. Les valeurs négatives sont autorisées initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: auto Valeur de retour: Une chaîne, représentant l'ordre d'empilement d'un élément version CSS CSS2
autres exemples
Exemple
Modifiez la valeur de la propriété z-index d'un <div> élément:
document.getElementById("myDIV").style.zIndex = "-1";
Essayez vous - même »
Exemple
Renvoie la valeur de la propriété z-index d'un <img> élément:
alert(document.getElementById("img1").style.zIndex);
Essayez vous - même »
Pages associées
Tutoriel CSS: positionnement CSS
Référence CSS: z-index property
<Style objet