Problema con la dissolvenza di jQuery in / out in Firefox

Question

ho già chiesto qui senza fortuna, ma sentitevi liberi di leggerlo:

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

Hmm controllare il mio sito:

http://www.crtaci.info/

sulla posizione in alto a destra ho campo di ricerca. Quando si sposta il mouse laggiù piccolo testo mostra che dice:

Napredna Pretraga

Ora, per qualche ragione, quelle lettere cambiano colore a come il giallo per brevissimo periodo di tempo in FF 3.5 e per qualche strano colore Safari 4.0.2 per Win. In IE8, Opera e Chrome funziona solo il modo dovrebbe, lettere bianche rimanere bianca durante l'animazione.

Qualsiasi sugestions?

Questa è la funzione che fa questo mestiere;)

$('#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

Posso vedere che cosa si sta parlando. Sulla mia macchina (Vista Business 32-bit, FF3.5), sembra come se l'al giallo che è presente durante la dissolvenza è dovuta ad una combinazione di ClearType cercando di agire sul testo di alpha-blending e che si sta dissolvenza bianco testo attraverso uno sfondo bluastro. So bianco + blu! = Giallo, ma qualunque FF lo fa sotto il cofano durante il rendering del testo trasparente, accoppiato con il sistema operativo, e un bazillion altre cose fa sembrare giallo.

Quando accendo ClearType fuori sulla mia macchina, il giallo sembra scomparire, o è almeno molto meno evidente di quanto con esso su.

Ho paura che non sarà in grado di controllare che con il codice JavaScript, ma vorrei provare quello che forse altri hanno suggerito:. Mantenere il testo visibile ma svanire in da un blu che corrisponde al fondo al bianco

Answer 2

Ci sono un paio di correzioni che devono avvenire - Si tratta di un solo IE bug che appare pesantemente su IE6 quasi non in IE7 e IE8 leggermente

.

questo sito ha avuto alcune buone linee guida per rimuoverli: jQuery HowTo - Blogspot

L'essenza di esso, è: - Aggiungere una corrispondenza dei colori di sfondo per l'elemento che riceve l'effetto dissolvenza -. Rimuovere l'attributo di filtro una volta che l'elemento è stato sbiadito in

Answer 3

In realtà è un Firefox (Il Cairo) bug https://bugzilla.mozilla.org /show_bug.cgi?id=363861 ha riportato 3 1/2 anni fa ... Ancora non non è fisso.

rende qualsiasi testo con l'opacità non uguale a 1 o 0 get aloni colorati strani, non solo con jQuery o JavaScript, ma anche con i CSS. Non come evidente con alcuni colori però. Sembra peggio con valori vicini a 1 (0,9999)

Answer 4

Mi sono imbattuto in questo su FF 3.5.9 con menù a scomparsa dissolvenza. Ho appena aggiunto un colore di sfondo al contenitore principale per risolvere il problema.

Answer 5

Come specificare un colore di sfondo sull'elemento testo effettivo risolverà questo.

Se si dispone di un'immagine dietro il testo quindi creare un'immagine di sfondo per l'elemento di testo che corrisponde al fondo di gran lunga.