La duda es la siguiente: Supongamos que tenemos dos divs, uno es el padre del otro. El div padre tiene de indice Z; 100, el div hijo no tiene indice Z o si lo tuviera un numero menor que 100.
Los dos div tienen una posicion absoluta y se superponen.
¿Que div se superpone encima del otro?
En los tests que estoy realizando el div hijo siempre se superpone al padre, aunque el padre tenga un numero de indice superior. ¿Es asi como debe funcionar? ¿Los hijos siempre se superponen al padre con independencia del indice Z?
Gracias.
xhtml;
<div id="tres">
tres
<div id="cuatro">
cuatro
</div>
</div>
css;
* { margin: 0; padding: 0; border: 0; }
body { color:#FFFFFF; }
#cuatro {
background-color:#CCCCCC;
position: absolute;
top: -30px;
padding: 10px;
width: 20%;
border: 1px solid #000;
}
#tres {
background-color:#001100;
position: absolute;
top:100px;
left: 100px;
padding: 10px;
width: 10%;
border: 1px solid #000;
z-index: 700;
}