Aplicar "Opacity" a un solo div

[hey_alan]

Hola a todos.

Bien, no es difícil de explicar:

Tengo un div principal que de fondo tiene unas imágenes de un bosque, este cubre toda la página.

Dentro de este, tengo el div del contenido que mide más o menos el 80% de ancho y alto del principal. Dicho div tiene un fondo con un degradado de color verde claro a verde oscuro, a la que he aplicado un "opacity:0.8".

El problema es que dentro de esa div del fondo de degradado tengo muchas otras divs y estas no quiero que tengan tranparencia.

En otras palabras, sólo quiero que el degradado tenga alfa.

¿Cómo puedo hacerlo?

Muchas gracias de antemano.

[kseso?]

Hola Hey_Alan
Todo lo que esté dentro tendrá "opacidad", ya que esta se hereda.

Hace unas fechas se trató el tema:
http://www.forosdelweb.com/f53/div-s...rencia-702499/

Y un ejemplo de cómo hacer eso de los dos contenedores aquí

Un saludo

[hey_alan]

Muchas gracias por tu respuesta kseso?.

Sí se me había ocurrido eso de sobreponer las capas modificando su posición, sin embargo me es inservible pues la div con transparencia es contenedora de las otras divs que no quiero que la tengan y su tamaño no es fijo.

En otras palabras: no puedo usar ese método porque el div transparente debe alargarse según el contenido de esas capas.

Saludos, y espero alguien tenga una solución.

[opzina]

Lo que hice yo es hacer una imagen de 1px X 1px en formato png en color blanco por ejemplo, y le di transparencia de acuerdo a la intensidad que yo quize y a ese div le puse un background con la imagen y repeat....

y para aplicarlo a tu idea: creo q tendrias q poner div con la imagen debajo de un div con la imagen1x1 transparente. ambos divs del mismo tamañ, uno arriba del otro con z-index.

Igual no se si respondo a tu duda.

saludos.

[hey_alan]

Gracias por tu respuesta opzina.

Sin embargo, no puedo considerar la opción del PNG por la desgracia de que el maravilloso y glorioso IE6 no acepta canal alpha en estos.

Saludos.

[kseso?]

Pero para ie6 hace tiempo que hay soluciones (en el tema de las transparencias en los png)
Una forma

un saludo

[buzu]

Has pensado en poner usar la técnica que propuso Kseso? desde un principio e igualar el tamaño de los divs mediante Javascript? Creo que puede ser una opción