[Resolvido] Problema com Opacidade

[Bru_ce 53]

Pessoal, estou com o seguinte problema

 

tenho as div's assim

 

<div id="content">

  <div id="topo">
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text .. </p>
  </div>

</div>

 

Aí no CSS

 

body {
background-color:skyblue;
}

#content {
width:970px;
min-height:700px;
margin: 0 auto;
background-color:white;
opacity: 0.7;
}

#topo {
width:970px;
height:300px;
}

 

Gostaria que apenas a div content ficasse com opacidade, porém a topo também fica ..

 

Já tentei colocar opacidade: 1 na topo, porém não funciona !

 

ALGUÉM ?

[Diéssica 140]

Não é possível impedir a hereditariedade de elemento pai » filho da propriedade opacity.

 

É, infelizmente, uma propriedade do CSS3 bastante falha. A solução do opacity:1 seria bastante aceitável.

 

:seta: Utilizar RGBA*

:seta: Utilizar uma imagem png com opacidade

:seta: Remover elementos filhos do elemento pai

 

* =

background:rgba(255,255,0, 0.5);

255,255,0 = valores red, green, blue (RGB)

0.5 = valor da opacidade (sendo 1 visível)

[Bru_ce 53]

Resolvido, valeo ! fiz com imagem mesmo !