Foros del Web » Creando para Internet » CSS »

Problemas con transparencias... me transparenta todooo

Estas en el tema de Problemas con transparencias... me transparenta todooo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/04/2010, 19:33
 
Fecha de Ingreso: octubre-2004
Mensajes: 107
Antigüedad: 13 años, 2 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 21:35 Razón: agregue imagen mostrando el problema
  #2 (permalink)  
Antiguo 26/04/2010, 21:06
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Problemas con transparencias... me transparenta todooo

La forma más sencilla que lo logres, es colocando una imagen de Background PNG semi-transparente.
  #3 (permalink)  
Antiguo 27/04/2010, 03:41
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con transparencias... me transparenta todooo

Hola:

La transparencia se hereda, con lo cual no puedes hacerlo como lo estás haciendo. Una solución sería crear otro div con el contenido que no quieres que sea transparente y mediante position:absolute posicionarlo encima del transparente, así al no ser hijo del anterior no heredaría la transparencia.

Saludos.

  #4 (permalink)  
Antiguo 27/04/2010, 10:11
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: Problemas con transparencias... me transparenta todooo

Buenas,

en teoría según la especificación de css3 la propiedad opacity no se hereda, pero en la práctica si que afecta a elementos contenidos dentro del elemento al que se aplica dicha propiedad y además a los elementos contenidos no se les puede modificar el valor de esa propiedad cosa que si que se puede hacer con la herencia "normal". Asi que podría decirse que es una herencia "atípica" y la mejor solución es la que dió jomaruro.
  #5 (permalink)  
Antiguo 27/04/2010, 21:14
 
Fecha de Ingreso: octubre-2004
Mensajes: 107
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Problemas con transparencias... me transparenta todooo

en realidad lo solucione haciendo una imagen png con un rectangulo con opacidad 50% y logro el mismo efecto y mas sencillo...

muchas gracias x las respuestas

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:54.