z-index

Z-index

Z-index on CSS:ssä käytetty ominaisuus, joka määrää, millä tasolla elementti on sijoitettu muihin elementteihin nähden. Z-indeksiä käytetään kontrolloimaan elementtien pinotusta ja kerrostamista.

Esimerkiksi, jos elementillä A on z-indeksi 2 ja elementillä B on z-indeksi 1, elementti A tulee näkyviin päällimmäisenä.

Jos kahdella elementillä on sama z-indeksi, niiden järjestys määräytyy niiden sijainnin perusteella HTML-dokumentissa.

Esimerkki:

Tämä teksti on alempana eli matalammalla z-indeksillä.

Tämä teksti on päällimmäisenä eli korkeammalla z-indeksillä.

Lisätietoa:

Z-index on tärkeä ominaisuus web-kehityksessä, joka mahdollistaa elementtien visuaalisen järjestelyn ja pinottamisen. Lisätietoa z-indeksistä voit lukea Wikipediasta.