usando z-index

se deben complir dos condiciones: 1 que las capas a apilarse tengan posicionamiento distinto de static. 2 que las capas a apilarse sean hermanas entre sí.

by cristian_cena

HTML

<div id="padre">
    <div class="hermanos" id="hermano-0"> 0 </div>
    <div class="hermanos" id="hermano-1"> 1 </div>
    <div class="hermanos" id="hermano-N"> ... </div>
</div>
<!--
Comentario:
Se deben complir dos condiciones para que z-index funcione:
1 que las capas a apilarse tengan posicionamiento distinto de static.
2 que las capas a apilarse sean hermanas entre sí.
-->

CSS

#padre{
    position:relative;
}
.hermanos{
    width:50px; 
    height:50px;
    padding:5px;
    position:absolute;
}
#hermano-0{
    z-index:0; 
    top:0; left:0;
    background:red;
}
#hermano-1{
    z-index:1; 
    top:20px; 
    left:20px;
    background:#a3dbcb;
}
#hermano-N{
    z-index:2;
    top:40px; 
    left:40px;
    background:gray;
    color:white;
}