IE: transparente PNG Grafiken 25. Februar 2008

Während im Firefox transparente PNG-Grafiken mit Alphakanal fehlerfrei dargestellt werden, macht der Internet Explorer Probleme. Bei 8-Bit PNGs werden teilweise transparente Farben unsichtbar, bei 32-bittigen wird der Alphakanal überhaupt nicht beachtet. Mit einem einfachen JavaScript lässt sich die Darstellung korrigieren, wobei alle im HTML-Code eingebundenen PNG-Grafiken automatisch erkannt werden.

Dafür wird der Direct-X-Filter “DXImageTransform.Microsoft.AlphaImageLoader” verwendet, der den Alphakanal aus der Grafik ausließt und auf das angezeigte Bild anwendet.