PNG-Transparenz im Internet Explorer 6 (JS-Hack)

Bekanntermaßen zeigt der IE 6 keine transparenten PNGs an. Hier hilft der CSS-Hack von Angus Turnbull weiter.
Man benötigt dazu das Zip mit dem Fix und den Hilfsdateien. Der Einbau gestaltet sich einfach und ist auch in der Hilfedatei gut dokumentiert. Ich zeige trotzdem kurz, wie es geht:
1. Hilfsdateien in das Web-Verzeichnis kopieren.
2.. Den Hack im HTML einbinden – ich habe es mit Conditional Comments gemacht:

<!--[if lt IE 7]>
<style type="text/css">
    img { behavior: url(css/iepngfix.php) }
</style>
<![endif]-->

Dabei habe ich das PHP-File, der gleichzeitig den korrekten MIME-Type aufruft, eingebunden, da ich eh auf meinem Webserver PHP benutze. Der Hack liegt eigentlich in einer .HTC-Datei und einige Webserver erkennen den MIME-Type nicht. Dafür gibt es aber auch eine zweite Lösung per .htaccess File. (Wird alles in der Hilfe erklärt) Man sollte auch darauf achten, dass man den Hack gezielt einsetzt denn bei vielen PNGs auf der Seite kann es zu Performanceproblemen kommen.

 

Comments

No comments so far.

Leave a Reply
 
  (will not be published)
 
 
 
 

 
Resources