Kuweka Vipengele kwenye Mhimili wa Z katika CSS
Katika somo hili tutaangalia kuweka vipengele kwenye mhimili wa Z. Kwa default, ikiwa vipengele viwili vinawekwa juu ya kila mmoja, basi kiwango cha juu kitakuwa kile kipengele ambacho kiko chini katika msimbo wa HTML.
Wacha tuangalie kwa mfano. Hebu tuseme tuna vipengele viwili, vilivyowekwa kwa nafasi kabisa kwa namna ambayo inawekwa juu ya kila mmoja. Katika kesi kama hiyo, kiwango cha juu kitakuwa kile kipengele ambacho kiko chini katika msimbo wa 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;
}
:
