Negatiivse z-index'i väärtuse kasutamise nüansid CSS-is

Kui elemendil pole z-index määratud, tuleb selle väärtust tõlgendada kui 0. See tähendab, et element väärtusega z-index, võrdne -1, jääb elemendist ilma z-index'ita alla.

Meie kahe elemendiga näidet saab ümber teha järgmiselt: lihtsalt määra teise elemendile z-index väärtuseks -1, ja see läheb esimese elemendi alla:

css#elem1 {
  /* ei määra z-index'i */
}
#elem2 {
  z-index: -1;
}

Koodi täitmise tulemus: