Z-indeksin negatiivisen arvon käytön vivahteet CSS:ssä

Jos elementin z-index:iä ei ole asetettu, sitä tulisi tulkita arvoksi 0. Tämä tarkoittaa, että elementti, jonka z-index on -1, tulee olemaan elementin alapuolella, jolla ei ole z-index:iä.

Esimerkkiä kahdella elementillämme voidaan muokata seuraavasti: aseta vain toiselle elementille z-index arvoksi -1, ja se siirtyy ensimmäisen elementin alle:

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

Koodin suorituksen tulos: