Problema com o desbotamento de JQuery no Firefox

Question

Eu já perguntei aqui sem sorte, mas fique à vontade para lê -lo:

http://groups.google.com/group/jquery-en/browse_thread/thread/fdf7a584b30d4bb9

Hmm confira meu site:

http://www.crtaci.info/

Na posição superior direita, tenho campo de pesquisa. Quando você move o mouse para lá, o pequeno texto aparece que diz:

Napredna Pretraga

Agora, por algum motivo, essas cartas mudam de cor para gostar de amarelo por um período muito curto no FF 3.5 e para uma cor estranha no Safari 4.0.2 para vitória. No IE8, ópera e Chrome, funciona do jeito que deveria, as letras brancas ficam brancas durante a animação.

Alguma sugestão?

Aqui está a função que faz este trabalho;)

$('#header_search').hover(function() {
 $('#naprednaPretraga').stop({clearQueue:true}).show().animate({"opacity" : 1},500);
}, function(){
 $('#naprednaPretraga').stop({clearQueue:true}).animate({"opacity" : 0},500,function() {
  $('#naprednaPretraga').hide();
 });
});

Answer 1

Eu posso ver do que você está falando. Na minha máquina (Vista Business 32 bits, FF3.5), parece que a amarelada que está presente durante o desbotamento se deve a uma combinação do ClearType tentando agir em texto misturado alfa e que você está desbotando branco texto através de um fundo azulado. Eu conheço branco + azul! = Amarelo, mas o que FF faz sob o capô ao renderizar o texto transparente, juntamente com o seu sistema operacional, e um bilhão de outras coisas faz com que pareça amarelo.

Quando eu desligo o tempo da minha máquina, o amarelado parece desaparecer ou é pelo menos muito menos perceptível do que com ela.

Receio que você não consiga controlar isso com o código JavaScript, mas talvez tentasse o que os outros sugeriram: mantenha o texto visível, mas desapareceu de um azul que corresponda ao fundo para o branco.

Answer 2

Existem algumas correções que precisam ocorrer - este é um apenas um bug do IE que aparece fortemente no IE6 quase não no IE7 e ligeiramente no IE8.

Este site tinha boas diretrizes para removê -las:jQuery Howto - Blogspot

A essência dele é: - Adicione uma cor de fundo correspondente ao elemento que recebe o efeito de desbotamento - remova o atributo do filtro depois que o elemento estiver desbotado.

Answer 3

Na verdade é um bug do Firefox (Cairo) https://bugzilla.mozilla.org/show_bug.cgi?id=363861 Relatado 3 1/2 anos atrás ... ainda não foi consertado.

Faz qualquer texto com opacidade não igual a 1 ou 0, obtém halos de cor estranhos, não apenas com jQuery ou JavaScript, mas também com CSS. Não é tão perceptível com certas cores. Parece pior com valores próximos a 1 (.9999)

Answer 4

Eu encontrei isso no FF 3.5.9 com menus suspensos desaparecendo. Acabei de adicionar uma cor de fundo ao recipiente pai para corrigi -lo.

Answer 5

Especificar uma cor de fundo no elemento de texto real corrigirá isso.

Se você tiver uma imagem por trás do texto, crie uma imagem de fundo para o elemento de texto que corresponde ao fundo mais distante.