Usando DIVs transparentes

Eu estou desenvolvendo um site que usa um fundo degradè, e eu queria que as divs ficassem transparentes para mostrar esse fundo.Depois de muito perambular por foruns, blogs e tudo que é site, finalmente eu consegui por a ***DIV transparente e o conteudo* opaco** em todos os browsers, incluindo o famigerado IE6.

Como forma de agradecimento ao iMasters que me ajudo no processo, to postando aqui a solução (existe algum topico aqui que fala do assunto, mas o código não funciona para background, sendo apenas pra PNG's postas no site).

Pois bem, ao que interessa então.

Abra o Photoshop/Fireworks e crie um png de 10x10 transparente (no meu caso eu usei 15% de opacity), salve o png com um nome (fundo.png).

Na tag HEAD do site, coloque:

<style type="text/css">
<!--

.alpha {
background-image: url(img/fundo.png);

width: 100%; }
-->
</style>
<!--[if IE]>

<style>
.alpha{
background-image: none;
background-color:#FFF;
 filter: alpha(opacity=15);
}
</style>

<![endif]-->
Feito isso, para que a DIV fique transparente e o conteudo opaco, faça o seguinte:

<div class="alpha"><!--- div transparente --->
 <div class="opaco"></div><!--- div com conteudo opaco --->
 </div>

Agora no seu CSS

.opaco{height: 50px} / atributos da div/
.alpha .opaco {position: relative} / isso é obrigatório, do contrario, o conteudo da div "opaco" também fica transparente no IE /
Espero que tenha ajudado um pouco http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif