PNG Bilder in alten IE's
- Erstellt:
- Mittwoch, 24. März 2010
- Letzte Bearbeitung:
- Donnerstag, 25. März 2010
Antwort
Ältere Browser < IE7 können keine PNG-Grafiken mit Transparenz anzeigen. Dafür gibt es einen Workarround.
Durch den AlphaImageLoader Filter der von DirectX zur Verfügung gestellt wird, kann erreicht werden, das PNG Bild mit einer Transparenz von 0 - 100 % anzuzeigen.
Dabei wird das Bild als Hintergrundbild eines beliebigen Elements gesetzt.
Jedoch hat auch diese Methode einen Nachteil. Das Bild kann nicht frei positioniert werden wie ein normales, in CSS eingebundenes Hintergrundbild.
Hier nun ein kleines Code Beispiel in CSS:
1 2 3 |
div#png {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='das_bild.png', sizingMethod='crop', enabled=true)
}
|




Kommentar schreiben