Problem mit jQuery Fade-in / out in Firefox

Question

Ich fragte schon hier ohne Glück, aber ich fühle mich frei, es zu lesen:

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

Hmm check out my site:

http://www.crtaci.info/

auf oben rechts Position i haben Suchfeld ein. Wenn Sie bewegen Sie die Maus dort kleine Text zeigt sich, dass sagt:

Napredna pretraga

Nun, aus irgendeinem Grund diese Buchstaben ändern Farbe wie Gelb für sehr kurze Zeit in ff 3.5 und auf eine seltsame Farbe in Safari 4.0.2 für Sieg. In IE8, Oper und Chrom es funktioniert die Art und Weise es soll, bleiben weißen Buchstaben während der Animation weiß.

Jede sugestions?

Hier ist eine Funktion, die diesen Job machen;)

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

kann ich sehen, was du redest. Auf meinem Rechner (Vista Business 32-bit, FF3.5), scheint es, als ob die gelbliche, die während der Fade ist aufgrund einer Kombination der Cleartype versuchen, zu handeln, auf alpha-blended Text vorhanden ist und dass Sie verblassen wissen Text einen bläulichen Hintergrund durch. Ich weiß, weiß + blau! = Gelb, aber was auch immer FF unter der Haube tut, wenn der transparenten Text-Rendering, gekoppelt mit Ihrem Betriebssystem und eine Unmenge von anderen Dingen macht es den Anschein gelb.

Als ich Cleartype aus auf meiner Maschine drehen, scheint die gelbliche zu verschwinden, oder zumindest weit weniger auffällig als mit ihm auf.

Ich habe Angst, dass Sie nicht in der Lage sein wird, dass Code mit JavaScript zu steuern, aber ich würde vielleicht versuchen, was andere vorgeschlagen haben. Halten den Text sichtbar, aber verblassen sie in von einem Blau, das den Hintergrund weiß Spiele

Answer 2

Es gibt ein paar Updates, die Notwendigkeit zu - Dies ist ein nur IE Fehler, der fast nicht in IE7 stark auf IE6 erscheint und leicht in IE8

.

Diese Seite hatte einige gute Richtlinien, sie zu entfernen: jQuery HowTo - Blogspot

Der Kern von ihm ist: - eine passende Hintergrundfarbe auf das Element hinzufügen, die die Wirkung verblassen erhalten -. Entfernen Sie das Filterattribut, wenn das Element eingeblendet wurde,

Answer 3

Es ist eigentlich ein Firefox (Kairo) bug https://bugzilla.mozilla.org vor /show_bug.cgi?id=363861 gemeldet 3 1/2 Jahre ... Immer noch nicht festgelegt ist.

macht einen beliebigen Text mit einer Undurchsichtigkeit nicht gleich 1 oder 0 seltsam farbigen Halos bekommen, nicht nur mit jQuery oder JavaScript, aber auch mit CSS. Nicht so auffällig mit bestimmten Farben though. Scheint schlimmer mit Werten bis 1 (0,9999)

schließen

Answer 4

Ich lief in diesen auf FF 3.5.9 mit Drop-Down-Menüs aus Verblassen. Ich habe gerade eine Hintergrundfarbe zu den übergeordneten Container hinzugefügt, um es zu beheben.

Answer 5

Festlegen eines Hintergrundfarbe auf dem tatsächlichen Textelement wird dieses Problem beheben.

Wenn Sie ein Bild hinter dem Text haben dann ein Hintergrundbild für das Textelement erstellen, die weit Hintergrund übereinstimmt.