Ajaxschmiede.de

Das durchaus sehr bekannte IEPNGFix, das den fehlenden Support von transparenten png-Grafiken für den Internet Explorer 5.5 und 6 nachliefert, hat vor wenigen Tagen ein Update erfahren und bietet nun volle Unterstützung der CSS1-Eigenschaften background-position und background-repeat.

Die vollständige Featureliste sieht nun wie folgt aus:

• automatische Aktivierung der Transparenz von png-Grafiken in der Homepage
• Unterstützung von <img src=”">-Elementen
• Unterstützung PNG-Hintergrundgrafiken
• volle Unterstützung der CSS-Eigenschaften background-repeat und background-position (durch eine optionale Erweiterung)
• erlaubt das Definieren von Hintergrundgrafiken sowohl in der Datei als auch in externen Stylesheets
• automatisches Aktuallisieren bei Änderungen der IMG-Quelldatei (SRC) oder der Hintergrundgrafik durch Javascript – funktioniert auch beim Ändern der festgelegten CSS-Klasse
• bietet automatisches Workaround für <a href=”">-Elemente mit PNG-Hintergrundelementen
• geringe Größe des Skripts
• frei verfügbar

Der große Vorteil des Fixes besteht darin, dass man nur eine einzige Zeile CSS-Zeile einfügen muss um den Fix einzubauen. Weitere Codeanpassungen sind nicht nötig.

Vorgehen zum Einbau:

1.) Kopieren der Dateien iepngfix.htc and blank.gif in das Verzeichnis der Seite

2.) Füge die folgenden Zeilen Code in die HTML- beziehungsweise CSS-Datei ein (Der Pfad muss eventuell entsprechend angepasst werden):

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

3.) Falls Unterverzeichnisse verwendet werden, muss der Pfad in der HTC-Datei die Zeile IEPNGFix.blankImg = ‘/images/blank.gif’; per Hand angepasst werden.

4.) Für die Unterstützung von  background-position und background-repeat muss die Javascriptdatei iepngfix_tilebg.js eingebunden werden.

5.) Einbau abgeschlossen.