IE 5.5/6 PNG Fix

Im Microsoft IE 5.5 und 6 werden bekannterweise alphatransparente Hintergründe von Portable Network Graphics, kurz PNGs, nicht richtig angezeigt. Der Bildhintergrund wird nicht durchsichtig sondern grau angezeigt, was aber durch den CSS Filters “AlphaImageLoader” geändert werden kann. Hierfür muss lediglich das Stylesheet etwas erweitert werden, wobei der Quelltext unverändert bleibt. Hier ein Auszug weiterer Vorteile:

• Das Script (behavior) funktioniert automatisch bei jedem eingebundenen PNG
• Sowohl img-Elemente als auch Background-Images werden angesprochen
• Das Script ist kostenlos

Und so funktioniert’s:

1. Als erstes muss das Script von http://www.twinhelix.com/css/iepngfix/ heruntergeladen werden.
2. Dann müssen aus diesem Script die Dateien iepngfix.htc und blank.gif in den Ordner der Website kopiert werden.
3. Nun können im Stylesheet oder im Quelltext alle Elemente angesprochen werden, die PNG verwenden.

<style type="text/css">
img, div, input { behavior: url(iepngfix.htc) }
</style>

4. Werden Unterordner verwendet, so muss natürlich die Url zu iepngfix.htc und blank.gif angepasst werden. Letzteres wird in der iepngfix.htc über die Zeile var blankImg = 'blank.gif'; angesprochen und kann dort auch verändert werden.
5. Bei Fragen oder Problemen kann einfach die Datei iepngfix.html aus der Zip-Datei geöffnet werden. Dort sind ist nochmal eine komplette Beschreibung auf Englisch und eine FAQ hinterlegt.