Nuances van het gebruik van negatieve z-index waarden in CSS

Als z-index niet is ingesteld voor een element, moet de waarde worden geïnterpreteerd als 0. Dit betekent dat een element met een z-index waarde van -1 onder een element zonder z-index zal staan.

We kunnen het voorbeeld met onze twee elementen als volgt aanpassen: geef simpelweg het tweede element een z-index waarde van -1, en het zal onder het eerste element komen te staan:

css#elem1 {
  /* stellen geen z-index in */
}
#elem2 {
  z-index: -1;
}

Resultaat van de code: