Pessoal

Tenho um website com uma imagem de fundo. Toda a sua área de conteúdo está em um container de background black com largura fixa de 960px e cerntralizado. A idéia é deixar o container parcialmente transparente de forma que possamos ver a foto ao fundo do website.

Usei neste container no CSS os seguintes atributos:

#wrapper {

width:960px;

margin-left:auto;

margin-right:auto;

margin-top:104px;

color:#FFF;

background-color:#000;

/* for IE */

filter:alpha(opacity=60);

/* CSS3 standard */

opacity:0.6;

}

E funcionou! Mas o conteudo do website dentro do container também adquire esta transparência ficando tudo meio translúcido! Como eu faço para que isto não aconteça. Só me interessa fazer isto com o container mesmo!

Tirei a técnica deste website famoso:

http://www.w3schools.com/Css/css_image_transparency.asp

obrigado!

https://developer.mozilla.org/en/Useful_CSS..._and_Background

É só aplicar opacidade máxima nos containers internos.(não é?)

Não. Se você tem um pai com opacidade de 10% e o filho com opacidade de 10% o filho renderizará com opacidade de 20%.

Acabei exportando o container principal meio transparente junto com a imagem de fundo no Photoshop. Essa do container, eu vou estudar melhor numa próxima vez. Está aí o website, só o HTML estático:

http://www.mmpietro.com.br/biasoli/

E uma galeria de fotos que será usada. Gostei do resultado:

http://www.mmpietro.com.br/biasoli/galleri...ic_do_site.html

valeu, gurizada!