Opacidad en capa

[baxi2990]

Hola amigos, tengo un problemita con las capas, resulta que aplico opacidad a una capa llamada contenedor con

Código:

#contenedor{
   background:#000000;
   opacity: .50;
   -moz-opacity: .50;
   filter:alpha(opacity=50);
}

y dentro de la capa contenedor tengo una capa llamada contenido

Código:

<div id="contenedor">
     <div id="contenido">
          <p>Aca va mi texto</p>
     </div>
</div>

pero resulta que no se si la capa contenedor se pone encima o la capa contenido o la capa contenido hereda los caracteristicas de la capa contenedor, por que mi texto se ve opaco, en conclusion lo que quiero hacer es aplicar opacidad a la capa contendor sin que mi texto se opaque tambien agradesco la ayuda desde ya.

[caricatos]

Hola:

Pues tendrías que tenerlas como hermanas y superponerlas con posicion absolute por ejemplo...

<div id="todo" >
<div id="contenedor" >
</div>
<div id="contenido">
<p>Aca va mi texto</p>
</div>
</div>

Y tanto contenedor y contenido con position: absolute, top y left 0 y width y height al 100%...

Saludos

[daPhyre]

Opacity es hereditario, por lo que las únicas soluciones a este asunto serían la de Caricatos, o poner un fondo de un png semi-transparente a la capa contenedora. Suerte