Una facilita para los menos experimentados:
Si tenemos dos cajas normales:
<div id="caja1"></div>
<div id="caja2"></div>
con estos selectores con z-index;
Cita: #caja1 {width: 200px;height: 200px;background-color: red; z-index: 100;}
#caja2 {width: 200px;height: 200px;background-color: blue; z-index: 1;position: absolute;top: 20px; left: 20px;}
¿Cuál de las dos cajas se verá en primer plano?