Der z-index ist eine CSS-Eigenschaft, die die Stapelreihenfolge von Elementen auf einer Webseite steuert. Er bestimmt, welche Elemente oben liegen, wenn sie sich überlappen. Je höher der z-index, desto weiter vorne liegt das Element. Elemente mit niedrigerem z-index erscheinen hinter denen mit höherem Wert.
Der z-index funktioniert nur bei Elementen mit einer Positionierung, etwa relative, absolute oder fixed. Im Webdesign wird er oft genutzt, um Ebenen zu verwalten, zum Beispiel für Dropdown-Menüs, Modals oder Tooltips, damit sie über anderen Inhalten der Seite erscheinen.