Vendosja e Elementeve përgjatë Boshtit Z në CSS
Në këtë mësim do të shqyrtojmë vendosjen e elementeve përgjatë boshtit Z. Si parazgjedhje, nëse dy elemente vendosen njëri mbi tjetrin, më lart do të jetë ai element që shfaqet më poshtë në kodin HTML.
Le të shohim një shembull. Le të themi se kemi dysh elementë, të pozicionuar absolutisht në mënyrë që të vendosen njëri mbi tjetrin. Në këtë rast, më lart do të jetë ai element që shfaqet më poshtë në kodin HTML:
<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;
}
: