Ver Mensaje Individual
  #22 (permalink)  
Antiguo 14/03/2012, 01:44
sant3001
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: div sin transparencia encima de div con transparencia

Se que el tema es muy antiguo pero ya que es la primera búsqueda que arroja google cuando tipeas "anular transparencia" y dado que nadie aportó con alguna solución real al problema, quise aportar con lo que encontré en un foro en inglés... esto me ayudó...

en vez de utilizar la propiedad:

Código:
opacity:0.6;
con css3 ahora se utiliza:

Código:
background-color:rgba(255,255,255,0.5);
y con eso haces tu fondo blanco transparente sin afectar nada más.

o si lo quieres en negro puedes probar con:

Código:
background-color:rgba(0,0,0,0.5);
Solo es cuestión de ir jugando con los cuatro valores. Los 3 primeros son las gamas de colores donde los valores permitidos son enteros entre 0 y 255 y el cuarto valor es la transparencia que puede estar entre los valores decimales de 0 a 1.

Espero esto ayude a alguien más.

Saludos