Eu cheguei a testar o uso de porcentagens para definir a opacidade e a mesma funciona normalmente, pelo menos, é assim no chrome.
Eu cheguei a testar o uso de porcentagens para definir a opacidade e a mesma funciona normalmente, pelo menos, é assim no chrome.
Lucas, bom dia!
Como você pode ver, no link a opacidade não pode ser defina %, você pode compartilhar com a gente o seu código para ver como você conseguiu e mostrar aos outros alunos?
Ele apenas funciona com o RGBA()
, porém só o opacity em si não funciona com porcentagem
Olá Lucas!
Esse é um padrão. Normalmente se usa porcentagem para dimensionar janelas, divs, fontes e outros elementos gráficos, mas também tem elementos que suportam valores em porcentagem. Neste caso, não é apenas com o Chrome que funciona.
Segue um artigo do Maujor sobre trabalhar com cores no css.
Bons estudos!
no caso, segue a linha do código onde uso a porcentagem (todo o resto é identico ao do arquivo baixado
.rodape-pagina {
background-color: rgba(0, 0, 0, 80%);
color: #F2FFFC;
padding: 1rem;
clear: both;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
}
rodando os testes eu notei que usar 80% ou 0.8/.8 alcança o mesmo resultado visual, talvez tenha a ver com a versão do chrome que estou a usar ou porcentagens se tornaram aceitas, não sei bem o motivo.