Nyanser ved bruk av negativ z-index verdi i CSS

Hvis z-index ikke er satt for et element, skal verdien tolkes som 0. Dette betyr at et element med en z-index-verdi på -1 vil være under et element uten z-index.

Vi kan omforme eksempelet med våre to elementer på følgende måte: bare sett det andre elementets z-index til -1, og det vil havne under det første elementet:

css#elem1 {
  /* setter ikke z-index */
}
#elem2 {
  z-index: -1;
}

Resultat av kodekjøring: