Manch einem Windows-User ist es vielleicht schon auf der ein oder anderen Internetseite aufgefallen: Seit dem Update auf die aktuelle Firefox-Version 3.5 fangen fixierte Bilder (bzw. fixierte Container mit Hintergrundbild) beim Scrollen so furchtbar zu flackern an, daß es fast in den Augen weh tut. So verhielt es sich denn auch hier auf meiner Seite mit den Fotos links und den Münzen oben. Eine rasche Google-Suche ergab, daß der Bug bereits gemeldet worden ist. Im aktuellen Nightly-Build ist der Fehler schon behoben; allerdings wird der Fix vermutlich erst im nächsten großen Update implementiert, also Firefox 4.0 – und das läßt bestimmt noch ein Weilchen auf sich warten.
In der Zwischenzeit kann man sich behelfen, indem man dem fixierten Bild/Container ein overflow: auto; verpaßt. Das ergibt zwar überhaupt gar keinen Sinn, funktioniert aber trotzdem.

Um die Sache etwas zu veranschaulichen, habe ich das Problem hier mal nachgebaut. Das Flackern des linken Bildes tritt nur unter ganz bestimmten Bedingungen auf, aus denen ich selbst auch nicht ganz schlau werde. Zum einen müssen sich mindestens zwei fixierte Bilder auf der Seite befinden; ein einzelnes allein flackert nicht. Zum anderen muß bei dem Hintergrund, über den gescrollt wird, die Eigenschaft overflow (oder overflow-x/overflow-y) auf hidden gesetzt sein. Außerdem dürfen die beiden fixierten Bilder nicht zu nah nebeneinander stehen – erst ab einem bestimmten Abstand zueinander beginnen sie zu flackern. Und schließlich spielt auch noch die Größe eine Rolle: In meinem Testbeispiel flackert das Bild im div erst ab einer Größe von 400×345 Pixeln – jawohl, 345, und keinen Pixel weniger!

Nun denn, das schlimmste Problem auf dieser Seite konnte ich also mit overflow: auto; beheben. Allein in der unteren linken Ecke sieht man – so man einen großen Monitor besitzt – den Holz-Hintergrund noch leicht flackern. Das stört jedoch so wenig, daß ich mich nicht weiter um eine Lösung bemüht habe.
Trotzdem ist das Scrollvergnügen im Firefox 3.5 nach wie vor stark beeinträchtigt. Der Browser scheint arge Probleme mit dem Redraw zu haben, und zwar genau an den Stellen, an denen sich im Hintergrund die fixierten divs befinden. Der Bildaufbau ist hier so stark verzögert, daß es sich sogar auf einem Screenshot festhalten läßt! (Abb. 1)
Außerdem überlappen die divs sämtliche Flash-Objekte – obwohl diese natürlich eigentlich auf einer höheren Ebene liegen. (Abb. 2)

Alles in allem gibt es wahrscheinlich nur sehr wenige Seiten, die die völlig durchgeknallten Bedingungen für das Flackern erfüllen, sodaß man nicht gerade häufig auf dieses Problem stoßen wird. Trotzdem hat dieser Bug mein Weltbild in seinen Grundfesten erschüttert. Das ist das erste mal, daß mein langjähriger Lieblingsbrowser eine geradezu IE-artige Unfähigkeit an den Tag legt. Wollen wir hoffen, daß es bis zur Version 4 nicht mehr allzu lang dauert und daß damit wieder die gewohnte Qualität zurückkehrt.
Ach, und à propos IE: Der sieht bei mir in letzter Zeit öfter mal so aus :) →