Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/04/2010, 18:33
tksko
 
Fecha de Ingreso: octubre-2004
Mensajes: 107
Antigüedad: 13 años, 11 meses
Puntos: 0
Problemas con transparencias... me transparenta todooo

hola a todos!
bueno tengo un problemon!
Lo probe de 2 formas y de las 2 formas tengo el mismo problema.

una imagen mostrando el problema que tengo



como se ve en la imagen, los div "cajita" estan metidos dentro del div "contenedor", pero estan heredando la opacidad de "contenedor" y no se como evitarlo.. yo simplemente quiero que quede el fondo de "contenedor" con opacidad para que se vea el fondo de la pagina (que es una imagen).

forma 1:
en mi pagina tengo algo asi:
<div class=contenedor">
<div class="cajita">
contenidoooooooooo
</div>
contenidoooo
</div>

etonces a la clase contenedor le aplico un fondo blanco y una opacidad del 50% por ejemplo
div.contenedor {
background-color:#fff;
opacity: 0.5;
filter:alpha(opacity=50);
}

pero el problema que tengo es que me pone todo al 50%, incluso el contenido de "cajita" y yo quiero que el contenido de cajita se vea al 100% porque tiene texto, imagenes y demas y necesito que se vea bien.
Ya probe redefiniendo la opacidad al 100% en cajita, pero no hay caso, todo queda con 50%!

y la segunda forma es parecida pero utilizando una tabla, entonces tengo la tabla con una clase que le aplico fondo blanco y transparencia al 50% y adentro de la tabla meto divs cajita... y tambien me los transparenta :(

hay alguna forma de hacerlo ?
no quiero que me transparente todooooooo

si alguien me da una mano estaré muy agradecido

Última edición por tksko; 26/04/2010 a las 20:35 Razón: agregue imagen mostrando el problema