<html><head><title>CSS Z-Index</title><style>
body { font-family:arial; }
div { width: 200px; height: 200px; position:absolute; border: 1px solid #000; font-size:25px;}
#box1 { z-index:1; background: darkseagreen; top:100px; left:50px; }
#box2 { z-index:2; background: red; top:150px; left:100px; }
#box3 { z-index:3; background: lightskyblue; top:200px; left:150px; }
#box4 { z-index:4; background: orange; top:250px; left:200px; }
</style></head><body>
<h1>Yahoo Baba : CSS Z-index</h1>
<div id="box1">A</div>
<div id="box2">B</div>
<div id="box3">C</div>
<div id="box4">D</div>
</body>