opacity en capa

[juan_14nob]

hola, estoy haciendo una capa con un opacity:0.4 para que se pueda ver el fondo de pantalla, ahora cuando quiero escribir dentro de esa capa las palabras se hacen transparentes tambien, intente solucionarlo creando otra capa dentro de esta y cambiandole opacity a 1 pero no funciono.. nose como solucionar esto

Saludoss!!

Código HTML:

#conte-medio{
width:980px;
height:100px;
background-color: #000;
opacity:0.26;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
position:relative;
}
#centro-parrafo{
position:relative;
width:960px;
height:80px;
color:white;
opacity:1.0;

}

Código HTML:

 <tr>	
		<td><br/><br/>
			<div id="conte-medio">
				<div id="centro-parrafo">
				
		contenido.. etc etc ...
				</div>
			</div>
		</td>
	
	</tr> 

[arepavieja]

para aplicar la opacidad yo uso esto y me sirve:

Código CSS:

filter: Alpha(Opacity=100);
-moz-opacity; 60;
KhtmlOpacity: .60;
opacity: .60
 

[arepavieja]

Iniciado por arepavieja

para aplicar la opacidad yo uso esto y me sirve:

Código CSS:

filter: Alpha(Opacity=100);
-moz-opacity; 60;
KhtmlOpacity: .60;
opacity: .60
 

disculpa, no había leido bien la cuestión... y si usas una capa encima de la que estas opacando? claro sin anidarla...

[juan_14nob]

si, y no se como hacer para que la anidada no sea opaque

[arepavieja]

tienes que usar centro-parrafo fuera de conte-medio... y ubicarla de acuerdo a una capa principal o contenedor para alinearla en donde la necesites y con position: absolute, top y left.

[arepavieja]

Código CSS:

body {
width: 100%;
height: auto; // si quieres crear scroll
margin: 0px;
padding: 0px;
}
html {
width: 100%;
height: auto; // si quieres crear scroll
margin: 0px;
padding: 0px;
}
#contenedor {
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
#conte-medio{
width:980px;
height:100px;
background-color: #000;
opacity:0.26;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
position:absolute;
top: x%;
left: x%;
}
#centro-parrafo{
position:absolute;
width: x%;
height: x%;
color:white;
opacity:1.0;
top: x%;
left: x%;
}
 

Código HTML:

<div id="contenedor">
<div id="conte-medio"></div>
<div id="centro-parrafo"></div>
</div>
 

[juan_14nob]

lo que pasa que yo quiero que el fondo con opacity el heigt valla creciendo a medida que le valla poniendo contenido en la capa anidada.. gracias por tu ayuda pero no me sirve...

saludos