Hola
GuNiTa,
este ejemplo es el mejor que encontre sobre el uso de z-index.
Aclaro que para que z-index funcione se deben cumplir las siguientes condiciones:
- Las capas que intervienen en el apilamiento deben ser hermanas entre si
Código HTML:
<!--ejemplo-->
<div id="papa">
<div class="hermanos" id="hijo1"></div>
<div class="hermanos" id="hijo2"></div>
</div>
- Las capas que intervienen en el apilamiento deben estar posicionadas en relativo, absoluto o fijo
Código:
/*ejemplo:*/
.hermanos{position:absolute;}
#hijo1{z-index:0;}
#hijo2{z-index:999;}
/*#hijo2 se vera por delante de #hijo1*/
Espero te sirva, saludos.