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:
#elem1 {
/* stellen geen z-index in */
}
#elem2 {
z-index: -1;
}
Resultaat van de code:
Maak de pagina na volgens dit voorbeeld: