## Z-Index

Mit der Einführung des CSS-Grid und den Positionierungs-Mechanismen "absolute" und "fixed" haben wir auch ein "neues" Problem kreiert: Elemente die sich gegenseitig überlappen können und ggf. Inhalte blockieren.

So gesehen müssen wir nun mit einer dritten Dimension arbeiten um Inhalte "vor" anderen Inhalten zu platzieren falls nötig.

In CSS wird das mithilfe des Style-Attributes `z-index` gelöst.

Wenn 2 Elemente mit einem z-index übereinander liegen, "gewinnt" das Element mit dem höheren z-index.

Erstes Element: Index 1
Zweites Element: Kein Index
Drittes Kind: Kein Index