z-index-test

HTML

<div class="hiding"></div>
<div id="one" class="popup"></div>
<div id="two" class="popup"></div>
<div id="three" class="popup"></div>

CSS

body {
background-color: #eee;
}



div.hiding {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: green;}

div.popup {position: absolute;width: 100px;height: 50px; }
div#one     {top: 10%; left: 10%;z-index: 00;background-color: #f00;}
div#two     {top: 15%; left: 20%;z-index: 800;background-color: red}
div#three   {top: 20%; left: 30%;z-index: 400;background-color: #000;}