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
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
