Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Uso de porcentagens aparenta funcionar na opacidade

Eu cheguei a testar o uso de porcentagens para definir a opacidade e a mesma funciona normalmente, pelo menos, é assim no chrome.

3 respostas
solução!

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.