Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho um página HTML em que quando atribuo "opacity: 0.8;" a tag <footer>.
Eu não consigo atribuir "opacity: 1;" aos outros elementos (<div> e <img> por exemplo) dentro da referida tag <footer>.
Ou seja, eu quero a tag <footer> opaca, mas quero eliminar a opacidade dos elementos dentro desta tag. Como soluciono isto?Se colocar opacity: 0.8 em alguma tag, todos os elementos dentro dela irão pegar esse valor.
O opacity vai pegar todos os elementos filho. Usa um backgroud com rgba daí você usa a opacidade no alpha.
Exemplo de branco com opacidade:
background: rgba(225, 255, 255, .8);