Überlagerung von Elementen entlang der Z-Achse in CSS
In dieser Lektion betrachten wir die Überlagerung von Elementen entlang der Z-Achse. Standardmäßig, wenn zwei Elemente sich überlappen, wird dasjenige Element weiter oben angezeigt, das im HTML-Code weiter unten steht.
Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben zwei Elemente, absolut positioniert, so dass sie sich überlappen. In einem solchen Fall wird das Element weiter oben sein, das im HTML-Code weiter unten steht:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
position: absolute;
top: 30px;
left: 30px;
width: 100px;
height: 100px;
background: #ff8888;
}
#elem2 {
position: absolute;
top: 60px;
left: 60px;
width: 100px;
height: 100px;
background: #7e89eb;
}
:
