Siirry sivun sisältöön Avut CSS HTML JavaScript Kotisivu

z-index

z-index-ominaisuudella määritellään sijoitetun elementin (jonka position-ominaisuuden arvo on relative, absolute tai fixed) syvyystaso (kun elementit asettuvat limittäin tai päällekkäin) kerrostuksessa. Arvoiksi kelpaavat seuraavat:

DOM-viittaus: olio.style.z-index

Esimerkki

Seuraa neljä ehdottomasti asemoitua lohkoa, joiden sisältönä on niille asetetut syvyystasot. Havainnollistamissyistä lohkoille on pyydetty hieman läpinäkyvyyttä, sekä syvyystason muutosta osoitusselektorilla (:hover).

z-index:1
z-index:2
z-index:3
z-index:4

Lisätietoja englanniksi

CSS 2.1 -ominaisuusreferenssi | CSS 2.1 -asetteluominaisuudet