Nuancen der Verwendung von negativen z-index-Werten in CSS

Wenn z-index für ein Element nicht festgelegt ist, soll sein Wert als 0 interpretiert werden. Das bedeutet, dass ein Element mit einem z-index-Wert von -1 unter einem Element ohne z-index liegen wird.

Wir können das Beispiel mit unseren beiden Elementen wie folgt umgestalten: einfach dem zweiten Element einen z-index von -1 zuweisen, und es wird unter das erste Element gesetzt:

css#elem1 {
  /* z-index nicht gesetzt */
}
#elem2 {
  z-index: -1;
}

Ergebnis der Codeausführung: