Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde, meus amigos.
Minha dúvida/problema é o seguinte:
Estou criando o topo de um site, porém, gostaria de colocar a Logo e a publicidade acima de um retângulo com uma certa opacidade (neste caso mais transparente).
Ou seja, um retângulo branco com um pouco de transparência onde em cima ficam a Logo e a publicidade.
Estou usando o código assim:
#header {
width:1000px;
height:180px;
margin:0;
padding:0px;
border:0;
background:#fff;
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}
#logo {
width: 230px;
height:128px;
padding:0;
margin:26px 8px 26px 13px;
border:0;
float:left;
}
...
<div id='header'>
<div id='logo'>
... (conteúdo)
</div>
</div>
Na minha cabeça, a transparência se aplicaria apenas ao fundo, porém a DIV onde está a imagem da logo também está herdando essa propriedade, deixando a imagem transparente junto com o fundo.
Gostaria de saber uma solução de como deixar apenas o background da DIV header transparente e não também o conteúdo da mesma!
Desde já agradeço!
Carregando comentários...