css opacity

[Enziguri]

Boas.

Tenho estes dois "styles", o que pretendo é criar uma caixa com transparência, mas o texto que irei colocar sem qualquer transparencia, e nao estou a conseguir... ambas ficam com transparencia...

alguma solução? obrigado

 <td id="out-conteudo"><div id="in-conteudo">Conteudo</div>
 </td>

#out-conteudo{
color: #000;
width: 100%;
background: #FFF;
text-align: left;
padding: 25px;
opacity: 0.50;
filter: alpha(opacity=50); /* For IE8 and earlier */
border-radius: 20px;
}
#in-conteudo{
width: 100%;
text-align: left;
padding: 25px;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

Edited June 4, 2012 at 08:57 PM by Enziguri

[vtimbuc]

Remove a "opacity" e adiciona um rgba background.

#out-conteudo{
color: #000;
width: 100%;
background: rgba(255,255,255,.5);
text-align: left;
padding: 25px;
border-radius: 20px;
}

#in-conteudo{
width: 100%;
text-align: left;
padding: 25px;
}

Penso que isto não é suportado no IE8- mas tambem podes usar uma imagem transparente.

Edited June 4, 2012 at 09:15 PM by vtimbuc

[Enziguri]

humm nao pensei na imagem transparente... é uma boa ideia 😄 obrigado