Subtilités de l'utilisation des valeurs négatives de z-index en CSS

Si le z-index d'un élément n'est pas défini, sa valeur doit être interprétée comme 0. Cela signifie qu'un élément avec une valeur de z-index égale à -1 sera en dessous d'un élément sans z-index.

Nous pouvons modifier l'exemple avec nos deux éléments de la manière suivante : simplement définir le z-index du deuxième élément sur -1, et il passera sous le premier élément :

css#elem1 {
  /* on ne définit pas z-index */
}
#elem2 {
  z-index: -1;
}

Résultat de l'exécution du code :