Lesezeichen Erstelle PDF Email Drucken

PNG Bilder in alten IE's

Author:
Martin
Erstellt:
Mittwoch, 24. März 2010
Letzte Bearbeitung:
Donnerstag, 25. März 2010
Aufrufe:
643
Bewertung:
 
Bewerte:
Gut - Schlecht
Lesezeichen:
0 Lesezeichen anlegen

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)
}

Kategorie

Tags für diesen Beitrag

Kommentar schreiben


Sicherheitscode
Aktualisieren