Ir ao conteúdo
  • Cadastre-se

problemas com css no mozila


bielnick

Posts recomendados

Pessoal, bom dia.

eu estou tendo um problema no mozzila, fiz um efeito pelo CSS de GrayEffect.

no chrome ele funciona perfeitamente, porém no mozzila não vai de jeito nem um.. eis o codigo.


img {-webkit-filter: grayscale(1);}
img {-moz-filter: grayscale(1);}
img:hover {-webkit-filter: grayscale(0)}
img:hover {-moz-filter: grayscale(0)}

Poderiam me ajudar?

Link para o comentário
Compartilhar em outros sites

Remova o -webkit e coloque -moz

Ele já está fazendo isso...

Bielnick,

tenta remover o -moz do atributo. alguns atributos que precisavam do prefixo -moz, passaram a ser nativos... e o firefox já interpreta alguns assim.

exemplo:

filter: filter(value);

veja este endereço: http://www.inserthtml.com/2012/06/css-filters/

Caso não funcione... adicione isto no seu css:


img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
}

img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
}

é uma gambiarra danada... mas funciona

Podes ver o exemplo funcionando: http://jsfiddle.net/xDJzU/8/

Link para o comentário
Compartilhar em outros sites

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...