Nyanser av att använda negativa z-index-värden i CSS

Om z-index inte är satt för ett element, ska dess värde tolkas som 0. Det betyder att ett element med ett z-index-värde på -1 kommer att ligga under ett element utan z-index.

Vi kan omarbeta exemplet med våra två element på följande sätt: bara sätta det andra elementets z-index till värdet -1, och det kommer att hamna under det första elementet:

css#elem1 {
  /* sätter inte z-index */
}
#elem2 {
  z-index: -1;
}

Resultat av kodkörning: