Elemente se oorvleueling op die Z-as in CSS
In hierdie les sal ons die oorvleueling van elemente op die Z-as oorweeg. By verstek, as twee elemente oor mekaar geplaas word, sal die element wat laer in die HTML-kode verskyn, bo-op wees.
Kom ons kyk na 'n voorbeeld. Gestel ons het twee elemente wat absoluut geposisioneer is sodat hulle oor mekaar val. In sodanige geval sal die element wat laer in die HTML-kode verskyn, bo wees:
<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;
}
:
