CSS z-index negatīvās vērtības izmantošanas nianses

Ja elementam nav iestatīts z-index, tā vērtība jāinterpretē kā 0. Tas nozīmē, ka elements ar z-index vērtību -1 atradīsies zem elementa bez z-index.

Mūsu divu elementu piemēru var pārveidot šādi: vienkārši iestatīt otrajam elementam z-index vērtību -1, un tas nonāks zem pirmā elementa:

css#elem1 {
  /* neiestatām z-index */
}
#elem2 {
  z-index: -1;
}

Koda izpildes rezultāts: