Buenos días,
Me encuentro ahora con un problema parecido al que tenía Gema Masegosa
el día 11 de abril, solamente que no encuentro una solución que me
convenza.
Se trata del típico problema "opacidad para el fondo de una capa, no
para el texto que contiene". Cuando se saben las dimensiones del <div>
no hay mucho problema: se superpone otra capa encima de la primera (pero
no anidada) con la opacidad al 100% y ya está.
Pero yo no conozco a priori las dimensiones del DIV cuyo fondo quiero
hacer translúcido, por lo que estoy obligado a usar "position: absolute"
en el <div> del fondo. Este es mi código:
<div id="contenedor">
<div class="degradado">ss</div>
CONTENIDOS AQUÍ...
</div>
div#contenedor {
position: relative;
}
div.degradado {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
background: url(...);
}
Sin embargo el degradado, al tener "position: absolute" se superpone al
el texto, cuando debería ser al revés. Se me ocurren soluciones "feas",
pero me gustaría mantener el código lo más limpio posible. ¿Se os ocurre
alguna cosa?
Saludos,
--
Jaime Gómez Obregón
Director Comercial ([EMAIL PROTECTED])
ITEISA - www.iteisa.com
942 544 036 - 662 256 006
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
