Lo z-index è una proprietà CSS che controlla l'ordine di sovrapposizione degli elementi di una pagina web. Stabilisce quali elementi compaiono sopra gli altri quando si sovrappongono. Più alto è il valore di z-index, più l'elemento sta in primo piano. Gli elementi con un valore più basso compaiono dietro quelli con un valore più alto.
Lo z-index funziona solo sugli elementi che hanno una proprietà di posizionamento impostata, come relative, absolute o fixed. Si usa spesso nel web design per gestire i livelli, per esempio per menu a tendina, finestre modali o tooltip, così compaiono sopra gli altri contenuti della pagina.