Phodana Media

Unit PNG Fix für den IE6

Veröffentlicht am 23. Aug. 2008 von André Gärtner in JavaScript, Verschiedenes

Einige von Euch kennen bestimmt das Problem, dass der IE6 transparente PNG Bilder nicht richtig darstellen kann. Bisher könnte man das mit diversen PNG-Fix-Methoden (JavaScript-Lösungen) beheben. Diese PNG-Fix-Methoden sind aber nicht sehr zuverlässig. In der Performance sind sie langsam und die CSS-Attribute background-position und background-repeat funktionieren in Kombination nicht. Während also aktuellere Browser das Hintergrundbild gekachelt oder positioniert anzeigen, wird das Bild im IE6 mit den Fixes zwar transparent angezeigt, aber eben nicht so, wie man sich das gewünscht hat.

Jetzt gibt es eine neue Methode von Unit Interactive: Labs. Das Ganze ist deutlich performance-optimiert (nur 2kb groß), zuverlässiger und einfacher in der Handhabung. Wärend man bei den alten Lösungen noch CSS Anpassungen machen musste, müssen jetzt nur zwei Dateien auf dem Webserver hochgeladen werden und folgendes muss in den Head-Bereich der Website eingefügt werden:

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

Mit dieser Lösung funktionieren background-position und background-repeat wieder ohne Probleme. Demo, Download und weitere Infos gibts auf der Website von: