A negatív z-index érték alkalmazásának finomságai a CSS-ben

Ha egy elemnek nincs beállítva z-index értéke, akkor az értéke 0-nak tekintendő. Ez azt jelenti, hogy egy -1 z-index értékkel rendelkező elem egy z-index nélküli elem alatt fog elhelyezkedni.

Átírhatjuk a példát a két elemünkkel a következőképpen: egyszerűen állítsuk be a második elem z-index értékét -1-re, és az első elem alá kerül:

css#elem1 {
  /* nem állítunk be z-index-et */
}
#elem2 {
  z-index: -1;
}

A kód végrehajtásának eredménye: