Transparente PNG mit Javascript

Hier ist eine Möglichkeit transparente PNG Bilder im Internet Explorer dazustellen.
Ich hatte bisher viele Möglichkeiten probiert aber keine hatte so wirklich funktioniert.
Hier ist diese, die bei mir funktioniert hat.

Mann muss aber dabie darauf achten, dass diese Methode sehr Browserlastig ist und bei sehr vielen Bildern zu problemem kommen kann.

 

Als erstes brauchen wir die .htc Datei von TwinHelix Designs

Aus der zip Datei brauchen wir die .htc und das blank.gif
Diese zwei Dateien sollte man nun auf den Webserver aufspielen.

Nach dem die Dateien (.htc und blank.gif) an der richtigen Stelle sind müssen sie nur noch eingebunden werden.
In der .htc Datei muss man gegebenenfalls den Pfad zu dem Bild (blank.gif) anpassen.

1
2
 
// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';

Fehlt nur noch das Einbinden der .htc Datei.
In den head Bereich des HTML Dokumentes kommt nun folgendes:

1
2
3
4
 
[if lte IE 6]>
="stylesheet" type="text/css" media="screen"
href="ie.css" />
[endif]-->

Damit sollten nun alle PNG Bilder mit dem progid:DXImageTransform wenn ender IE verwendet wird gefiltert werden. Nun werden alle Transparente PNGs richtig angezeigt. Wenn nicht, dann bitte die Schritte von oben überprüfen.

 

Quellen:

the end