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.