Img opaca sobre div con transparencia

[cristian_cena]

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:

<div id="marco">
<img src="4torres.jpg"/> 
<div class="fondo"></div>
</div>
 

Código CSS:

#marco{position:relative; width:; height:;}
#marco img{width:200px; z-index:1; position:relative;}
#marco .fondo{z-index:0; position:absolute; width:300px; height:300px; background-color:gray; opacity:.6; }