[Ovillo] Problema con div absolute y z-index
Ana Moya
abmoya en gmail.com
Jue Mayo 14 12:43:04 UTC 2009
Hola lista,
Tengo un problema con un par de div's absolute que parece que no respetan el
z-index.
El problema es que al mostrar el div .floatShadow superior queda debajo del
.tbdButtons inferior, cuando tiene que quedar por encima.
Bueno, les pongo el código con el que estoy haciendo pruebas:
CSS:
---------------------------------------------------------------------------------------------------------
.tbdButtons {
padding:7px;
position:relative;
z-index:40
}
.tbdBoton {
background-color:#ccc;
border:1px solid #cec3e6;
float:left;
padding:3px;
z-index:50
}
.floatShadow {
background-color:#fff;
border:2px solid #f00;
position:absolute;
z-index:60
}
---------------------------------------------------------------------------------------------------------
HTML:
---------------------------------------------------------------------------------------------------------
<div class="tbdButtons">
<div class="tbdBoton">Modificar datos</div>
<div class="tbdBoton">Eliminar</div>
<div class="tbdBoton">Añadir a grupo/s...
<div class="floatShadow"><p>Seleccionar los grupos a los que
pertenece el destinatario:</p></div>
</div>
<div class="tbdBoton">Enviar</div>
</div>
<p> </p>
<div class="tbdButtons">
<div class="tbdBoton">Modificar datos</div>
<div class="tbdBoton">Eliminar</div>
<div class="tbdBoton">Añadir a grupo/s...
<div class="floatShadow"><p>Seleccionar los grupos a los que
pertenece el destinatario:</p></div>
</div>
<div class="tbdBoton">Enviar</div>
</div>
---------------------------------------------------------------------------------------------------------
Saludos,
Ana
Más información sobre la lista de distribución Ovillo