poner un div opaco encima de uno transparente

[nodream]

Hola, tengo problemas para hacer esto, resulta que supuse que era sencillo, pongo un div con opacy: .3 y dentro de él pongo uno con opacy:1, pero oh sorpresa, todos los divs que esten dentro del transparente, heredan la opacidad del padre, así que no funcionó.

depues busque un poco por google y creo que aqui mismo encontré un link donde decía que debía poner un div transparente y otro div hermano que era el opaco y luego a este último ponerlo encima con position: abolute.

Hasta aquí el problema estaba mas o menos resuelto, pero resulta que el div transparente no crece (en lo alto) de acuerdo al contenido de su hermano opaco.

¿Cómo puedo hacer para que que el div transparente crezca segun el contenido de su hermano opaco?

de antemano gracias

ACTUALIZACIÓN: Ah, no cabe duda que muchas veces nos ahogamos en un vaso de agua, la solución más sencilla es usar un png o gif semi-transparente en la propiedad background-image y listo. Pero aún así, me queda la duda ¿se puede hacer lo que dice mi pregunta inicial?