Tengo un pequeño problema y no se a que es debido. Voy al caso, en una web tengo una imagen como fondo del body y luego tengo una capa #layout, con un color blanco y poco de transparencia, luego quiero tener un div, dentro del layer con fondo blanco sin transparencia y por lo tanto hago esto:
Código:
#layout {
width:900px;
height:1200px;
background-color:#FFF;
opacity:0.6;
}
#layout #capa {
width:250px;
height:100px;
margin:0 auto;
background-color:#FFF;
opacity:1;
}
y el html:
Código:
<div id="layout">
<div id="capa">
<p>Mi contenido</p>
</div>
</div>
Sin embargo el div #capa no queda blanco, sino que queda exactamente igual que el resto del #layout, alguien me lo explica y me dice como solucionarlo.