Firefox 4 / IE 9 – PNG ist nicht gleich PNG
Heute habe ich festgestellt, dass die PNG Anzeige (ohne Transparenz) im IE9 und Firefox 4 unterschiedlich ist.
Hier das Szenario:
Eine Webseite mit einem Hintergrund-Verlauf (1*n px), horizontal per CSS wiederholt. Im Firefox 4 (nur unter Windows) wird das PNG dunkler dargestellt als im IE9. Ausnahmsweise macht es der IE9 diesmal aber richtig.
Unter Linux stellt der Firefox 4 das PNG richtig (wie im IE9) dar.
Das Problem an der unterschiedlichen Darstellung ist, das das Hintergrundbild nicht unendlich hoch sein kann und irgendwann unten auf der Webseite aufhört. In der Regel wird dann dem Body eine Hintergrundfarbe zugewiesen, die den Farbverlauf unten erweitert. Nur wenn der Firefox 4 dieses Hintergrundbild dunkler darstellt, sieht man dort klar eine Kante.
Die Lösung des Problems ist einfach: aus dem PNG ein JPG oder GIF machen. Somit wird es auch im Firefox 4 richtig dargestellt.