DiVs y Transparencias

pincho · #1 (**permalink**) 04/10/2006, 19:03

Hola foreros, les posteo la siguiente situacion ya que estoy en busca de una solucion para esto:

2 DIVs anidados el primero con OPACITY , en el segundo quisiera romper el
opacity para tener el texto completamento opaco.

Con este código el 2do. div toma los valores del primero y no se puede leer nada :(

Código HTML:

<style media="all" type="text/css">

.opaque {
    background-color: #CE6BBD;
        width: 100%;
        opacity: .5;
        filter: alpha(opacity=50);
        clear:both
}

.opaque2 {
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}


</style>

<body>
<div class="opaque">
Transparente
<div class="opaque2">
Opaco
</div>
</div>
</body>

Bueno eso es todo, gracias y cualquier ayuda es bienvenida.

Rafael · #2 (**permalink**) 09/10/2006, 15:30

Están heredados los valores. mm. Interesante.

Tal vez sacando la anidación y posicionando.

pincho · #3 (**permalink**) 10/10/2006, 17:41

nop, el texto queda transparente si toco el div que lo contiene... probe de todo... qeudara ver que pasa si uso div sobro div, pero no creo...