Das Rendering von transparenten Pngs durch den IE8 ist auf meiner Website FUBARed

Question

Ich habe gerade die Vollversion des IE8 heruntergeladen, um eine gerade erstellte Website zu testen. [Beispiel Gelöscht]

Konzentrieren Sie sich auf das Hintergrundbild der linken Seitenleiste. Es soll ein 1x1 halbtransparentes .png-Bild sein, das sich wiederholt. Der IE8 stellt es als Farbverlauf dar!!! Es wird noch seltsamer, wenn Sie versuchen, Ihr Fenster zu scrollen oder mit der Maus über die Seitenleiste zu fahren.

Ich hatte diese Website bereits in den normalen Browsern (IE7, Firefox und Chrome) getestet. In diesen sieht sie genau so aus, wie ich sie entworfen habe. Der IE8 ist allerdings FUBARed. Ich habe versucht, den IE8 in den "IE7"-Modus zu versetzen, aber es sieht immer noch beschissen aus. Der IE8 im IE7-Modus wird offensichtlich nicht auf dieselbe Weise gerendert wie der echte IE7. Nicht einmal der "IE7-Meta-Tag" funktioniert.

Hatte sonst noch jemand solche Probleme? Ich dachte, der IE8 sollte eine Verbesserung sein, kein Rückschritt.

P.S. Bitte entschuldigen Sie den miserablen Text auf dieser Seite. Ich habe die Funktion "Ganze Seite speichern" des IE benutzt.

Answer 1

Möglicherweise handelt es sich um einen Rendering-Fehler im IE8, oder es ist eine Funktion zum Glätten der Ränder von wiederholten Bildern, die zu einem unerwarteten Ergebnis führt. In jedem Fall ist es nicht sehr überraschend, dass Sie bei einem so kleinen Bild Probleme bekommen. Ist Ihnen klar, dass der Browser das Bild 190152 Mal zeichnen muss, um die Seite zu rendern?

Ich verwende eine 10x10 semi transparente png als Hintergrund für ein div in einer Seite, und es rendert einfach gut in IE8.

Answer 2

Ich habe den Fehler behoben und es ist nicht das Gamma-Problem, das in dem anderen Beitrag erwähnt wird. Mein Problem wurde durch die Tatsache verursacht, dass das Bild 1x1 Pixel groß ist. Ich habe es einfach auf 1x2 geändert und das Problem ist behoben. Seltsam

[edit] Habe gerade Guffas Beitrag gesehen, nachdem ich diese Frage gestellt habe. Siehe seine Antwort.

Answer 3

Ich hatte ein ähnliches Problem mit einer Website, die ich gerade aufbaue. Das Problem trat nur auf 50 % der Rechner mit IE8 auf, auf denen es getestet wurde. Ich baute es für eine IT-Firma, hatte also Zugang zu vielen Computern. Wir konnten das Problem "beheben", indem wir die Hardware-Beschleunigung auf den problematischen Rechnern umschalteten, nicht dass das wirklich eine Lösung wäre.

Answer 4

Danke für die Hilfe bei diesem Problem - was für ein seltsamer Fehler.

Das Problem trat auch auf 50 % der Computer auf, auf denen IE8 lief (ich hatte Zugang zu mehreren Rechnern). Wenn ich ein 1x1px semi-transparent png als Hintergrundbild auf einem div mit CSS gesetzt hatte, würde IE dies als eine funky vertikale, transparente Gradient machen.

Das Ändern des Quellbildes in ein 5x5px png mit der gleichen Deckkraft hat den Fehler behoben... go IE!

Answer 5

Das Problem war, dass mein ursprüngliches png 1×1, und aus irgendeinem Grund wollte der IE8 nicht gerne versucht, das zu kacheln und und gleichzeitig die Alpha-Transparenz zu verarbeiten gleichzeitig zu verarbeiten. Als ich das Bild versehentlich Bild mit einer viel größeren Kopie in meiner Zwischenablage hatte (100×100), hat es das Problem behoben, das der Internet Explorer mit der Verarbeitung der der Transparenz des png-Bildes hatte.

Quelle