Ir para conteúdo
  • Cadastre-se

Filtro alpha em CSS


Posts Recomendados

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!

Link para o comentário
Compartilhar em outros sites

  • Respostas 4
  • Criado
  • Última resposta

Top Postadores Neste Tópico

Dias Populares

Top Postadores Neste Tópico

  • 2 semanas depois...

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!

Link para o comentário
Compartilhar em outros sites

Participe do debate

Você pode postar agora e se registrar depois. Se você tem uma conta, entre agora para postar com ela.

Visitante
Responder este tópico…

×   Você colou conteúdo com formatação.   Remover formatação

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Limpar editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.



  • Estatísticas do Fórum

    • Total de Tópicos
      56.5k
    • Total de Posts
      466.2k
×
×
  • Criar Novo...