It refers to apply the z-index property to elements that overlap with
each other. The z-index property when used in conjuction with the
position property, enable you to specify which element should appear on
top in the event of an overlap.
For example:
<div style=”backgroun-color:red;
width:100px;
height:100px;
position:relative;
top:10px;
left:80px;
z-index:2;”>
</div>
<div style=”backgroun-color:yellow;
width:100px;
height:100px;
position:relative;
top:-60px;
left:35px;
z-index:1;”>
</div>
For example:
<div style=”backgroun-color:red;
width:100px;
height:100px;
position:relative;
top:10px;
left:80px;
z-index:2;”>
</div>
<div style=”backgroun-color:yellow;
width:100px;
height:100px;
position:relative;
top:-60px;
left:35px;
z-index:1;”>
</div>
Comments
Post a Comment