Z-index je vlastnost CSS, která řídí pořadí vrstvení prvků na webové stránce. Určuje, které prvky se při překrytí zobrazí nad ostatními. Čím vyšší hodnota z-indexu, tím blíž je prvek popředí. Prvky s nižší hodnotou z-indexu se zobrazí za prvky s vyšší hodnotou.
Z-index funguje jen u prvků, které mají nastavenou vlastnost position, například relative, absolute nebo fixed. Ve webdesignu se běžně používá ke správě vrstev, například u rozbalovacích nabídek, modálních oken nebo tooltipů, aby se zobrazovaly nad ostatním obsahem stránky.