Div transparente e imagen tambien

elangelcaido · #1 (**permalink**) 09/07/2009, 03:54

Hola,

Tengo un div con unas propiedades de transparencia como son:

Código:

background-color: #FFFFFF;
	filter:alpha(opacity=85);
	opacity:0.85;

El tema es que dentro de esta div tengo otra en la que meto una imagen, asi:

Código HTML:

<div id="cuerpo">
<div id="imagen">
<img src="..." />
</div>
</div>

El tema es que la div id=cuerpo hace bien la transparencia, pero también me hace transparente la imagen de la etiqueta IMG, y eso no lo quiero. Me pasa en Firefox y IE7/8, en el resto no probé.

Al div id=imagen ya le puse color de fondo sin transparencia, pero nada.

¿Cómo puedo evitar que se transparente la imagen?

Raulmmmm · #2 (**permalink**) 09/07/2009, 04:43

Lo más fácil es poner de fondo de #cuerpo un PNG transparente, aunque no funciona en IE6 nativamente.
El código sería este:

Código:

background: url(http://retocss.netii.net/transparencia.png);

elangelcaido · #3 (**permalink**) 09/07/2009, 05:18

Gracias, puede ser una solución, la probaré.

¿Alguna otra?.

kseso? · #4 (**permalink**) 09/07/2009, 05:48

El porqué ocurre eso y una forma de lograr esa apariencia que buscas, div con opacity con una imagen sin ella, la tienes aquí

Y el cómo lograrlo para los ie:-p aquí

Un saludo