Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/05/2012, 04:57
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 13 años
Puntos: 269
Respuesta: Img opaca sobre div con transparencia

todo lo que este dentro de una capa con opacity declarado heredará el estilo. Podes solucionarlo apilando capas y colocando como fondo la capa con opacidad:

Código HTML:
Ver original
  1. <div id="marco">
  2. <img src="4torres.jpg"/>
  3. <div class="fondo"></div>
  4. </div>

Código CSS:
Ver original
  1. #marco{position:relative; width:; height:;}
  2. #marco img{width:200px; z-index:1; position:relative;}
  3. #marco .fondo{z-index:0; position:absolute; width:300px; height:300px; background-color:gray; opacity:.6; }