A Z-index a Cascading Style Sheets (CSS) tulajdonsága, amely meghatározza a weboldal elemek egymáshoz képesti pozícióját a harmadik dimenzióban, vagyis a mélységben. Ez határozza meg, hogy melyik elem jelenik meg először, ha két vagy több elem átfedésbe kerül.
A Z-index értéke egész szám lehet, beleértve a negatív számokat is. Az alapértelmezett Z-index érték 0. A magasabb értékű Z-indexek a többi felett helyezkednek el, míg az alacsonyabb értékűek az alatt. Tehát ha egy elemnek a Z-index értéke 1, akkor az megjelenik egy másik elem felett, amelynek a Z-index értéke 0.
A Z-index tulajdonság hasznos lehet többféle helyzetben, például menük, felugró ablakok és más interaktív elemek rétegzésénél. Szintén fontos eszköz a komplex layoutok létrehozásában, ahol szükség van arra, hogy az elemeket pontosan pozicionálják egymáshoz képest a mélységben.
