Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cdfree

opacity, cor fosca

Recommended Posts

Quando quero transparencia apenas no background, geralmente eu uso o background-color com RGBA ou uso uma imagem com transparência, ao invés de definir opacity no elemento.

Exemplo:

 

background-color: rgba(102, 175, 233, 0.6);

 

neste caso o 0.6 define a opacidade/transparencia.

 

Espero ter ajudado...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como já falou o dzanella, para evitar vc tem que fazer uso do rgba que se aplica apenas ao elemento pai e não a seus filhos. O rgba nada mais é do que um background-color com a diferença que ele tem opacity.

Você coloca a cor em rgb ao invés de colocar em hexadecimal, como acréscimo do opacity que deve variar entre 0 e 1.

Compartilhar este post


Link para o post
Compartilhar em outros sites

desta forma:

 

#modal

{
position:absolute;
background-color:rgba(0,0,0,1.0);
background-size:grove;
width:100%;
height:100%;
opacity: 0.4;
-moz-opacity: 0.4;
z-index:9000;
display:none;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

meu, pra que vc está aplicando regras sobre um elemento com display:none ele tem um js que faz aparecer ou coisa assim?

o lance vai de 0 a 1, sendo que 0 é completamente invisível (ou 100% de opacidade ou transparência) e 1 completamente visível. logo tu vai aplicar o ponto após o zero só até 0.9, depois é 1 sacou? 0.5 é 50% de transparência e a tua regra deve ficar assim:

 

#modal

{
position:absolute;
background-color:rgba(0,0,0,1);
background-size:grove;
width:100%;
height:100%;
z-index:9000;
display:none; /* pra que isso aqui? */
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.