z-index
z-index ist eine CSS Eigenschaft, mit der man die Ebenenanordnung von HTML-Elementen steuert.
Der Bezeichnung z leitet sich aus dem mathematischen Koordinatensystem, sie bezeichnet die 3. (räumliche) Dimension. Egal ob Smartphone oder Riesenmonitor, Webseiten werden doch auf zweidimensionalen, flachen Screens angezeigt – warum also eine z-Dimension? Weil es einen Unterschied macht, in welcher Stapel-Reihenfolge verschiedene Bereiche einer Seite dargestellt werden! Wie bei übereinander liegenden Blätern verdecken nämlich die oberen Elemente die unteren.
Je höher der z-index, desto weiter „oben“ befindet sich das betreffende Element. Ein Pop-Up Fenster sollte beispielsweise einen höheren z-index haben als der Rest der Webseite, damit es die übrigen Inhalte überlagert. z-index kann nur auf positionierte Elemente (absolute, relative, fixed) angewendet werden.