![]() |
![]() |
<div id="fix_001">
<p> Szöveg beírása </p>
</div>
<div id="relativ_001">
<p> Szöveg beírása </p>
</div>
#relativ_001{position: relative; float: left; top: 255px; left: 60px; background-color: orange; width: 300px; height: 250px; padding: 10px;}
<div id="fix_002">
<p> Szöveg beírása </p>
</div>
<div id="relativ_002">
<p> Szöveg beírása </p>
</div>
#relativ_002{position: relative; top: 0px; left: 470px; background-color: #FFCC69; width: 300px; height: 250px; padding: 10px;
z-index: 0;}
Oldal görgetésekor,
jobb oldali div szakaszoknál látható,
fix div z-index=1,
relativ div z-index=0.
Nagyobb z-indexel rendelkező kerül felülre.
Z - INDEX animáció.
Meggyöződhetünk a z-index hatásáról.