Div con fondo transparente.

[LeonardoEF]

Veran, quiero hacer un Div que tenga el fondo de color, pero translucido...

eso lo se hacer pero, como hago para que el contenido no sea translucido??

hay algun truco o tengo que hacer un div debajo del otro, uno con el contenido y otro debajo con el fondo transparente...

seria

Código:

<div>
<div style='background: black; opacity: 0.5; z-index: 1;'></div>
<div style='z-index: 2;'>CONTENIDO</div>
</div>

algo asi?
o hay otra mejor forma

Graxias
salu2

[kseso?]

Sobre la propiedad "opacity" y su herencia se ha comentado bastante.
Aquí un tema que creo te ayudará.

Otra forma de lograrlo sería mediante una imagen .png para el fondo con la "trasnparencia" ya incluida en la propia imagen.

Y una tercera sería con el uso del valor de css3 "RGBA" para el fondo:

<div>
<div style="background: rgba(0, 0, 0, 0.5); z-index: 1;"></div>
...

Cada una de las formas presenta sus particularidades según sea el navegador utilizado.

Un saludo