Z-Index - Glossar A-Z - Lero Webdesign

Z-Index

Der Z-Index ist eine CSS-Eigenschaft, die verwendet wird, um die Stapelreihenfolge von überlappenden HTML-Elementen auf einer Webseite zu steuern. Der Z-Index bestimmt, welches Element im Vordergrund und welches im Hintergrund angezeigt wird, wenn sich mehrere Elemente auf der gleichen Achse befinden. Wichtige Punkte zum Z-Index:

• Stapelreihenfolge: Elemente mit höherem Z-Index werden über solchen mit niedrigerem Z-Index angezeigt.
• Positionierung: Der Z-Index funktioniert nur bei Elementen, die eine Positionierung (position: relative, absolute, fixed oder sticky) haben.
• Z-Wert: Der Wert des Z-Index kann eine ganze Zahl oder auto sein. Höhere Zahlen bedeuten, dass das Element weiter oben angezeigt wird.

Beispiel: Wenn du ein modales Fenster auf deiner Webseite hast, das über einem anderen Inhalt angezeigt werden soll, kannst du ihm einen höheren Z-Index-Wert geben, um sicherzustellen, dass es vor anderen Elementen erscheint.