Cor de fundo CSS transparente
quero fazer desaparecer o menu lista usando a opacidade sem afectar o tipo de letra. É possível com o CSS3?
6 answers
Agora pode usar rgba em propriedades css como esta
.class{
background:rgba(0,0,0,0.5);
}
0, 5 é transparência agora pode mudar de acordo com o seu design .
Demonstração ao Vivo http://jsfiddle.net/EeAaB/
Mais informações http://css-tricks.com/rgba-browser-support/
Mantenha estas três opções em mente (você quer #3):
1) todo o elemento é transparente:
visibility: hidden;
2) Todo o elemento é um pouco transparente:
opacity: 0.0 - 1.0;
3) apenas o fundo do elemento é transparente:
background-color: transparent;
.menue{
background-color: rgba(255, 0, 0, 0.5); //semi-transparent red
}
Neste caso {[[0]} é a melhor maneira.
Por exemplo: background-color:rgba(0,0,0,opacity option);
Aqui está uma classe de exemplo usando cores nome CSS:
.semi-transparent {
background: yellow;
opacity: 0.25;
}
Isto adiciona um fundo que é 25% opaco (colorido) e 75% transparente.
CAVEAT
Infelizmente, a opacidade afetará então todo o elemento ao qual Está ligado.
Então, se você tem texto nesse elemento, ele irá definir o texto para opacidade de 25% também. :-(
rgba
ou hsla
para indicar transparência de fundo, sem afetar a transparência de Tudo no teu elemento.
Aqui estão 3 maneiras de definir um fundo azul a 75% de transparência:
background: rgba(0%, 0%, 100%, 0.75)
background: rgba(0, 0, 255, 0.75)
background: hsla(240, 100%, 50%, 0.75)
Tenta isto:
opacity:0;
para IE8 e anteriores
filter:Alpha(opacity=0);