Microsoft's Internet Explorer 6.0 unterstützte nativ leider noch nicht die korrekte Darstellung von Grafiken im PNG-Format. Sollen allerdings Grafiken eingesetzt werden, die über Transparenz und Anti-Aliasing verfügen, existieren keine Alternativen zu diesem Grafik-Format.
Dieses Problem kann zumindest für Hintergrundbilder gelöst werden, indem dem CSS-Property value (implementiert im IE seit Version 5.5) der AlphaImageLoader zugewiesen wird.
filter: progid:DXImageTransform.Microsoft.filtername(attribute='value'[, ...]);
Mit den folgenden drei Attributen kann gesteuert werden, die die Grafiken angezeigt werden:
- src
- Pfad zu der Grafik, die verwendet werden soll. Werden die Stylesheets aus einer externen Datei geladen, muss der Pfad relativ zu der Datei sein, in der die Stylesheets eingebunden werden.
- sizingMethod
- Legt fest, wie die Grafik skaliert wird.
- crop
- Die Größe des Containers und die der Grafik bleiben unverändert.
- image
- Passt die Größe des Containers an die der Grafik an. Enthaltener Text wird abgeschnitten. (default)
- scale
- Passt die Größe der Grafik an die des Containers an.
- enabled
- De-/aktiviert den Filter
Mithilfe von Conditional Comments ist es außerdem möglich, spezielle CSS-Blöcke für den Internet Explorer zu definieren, z.B.:
<style type="text/css">
#layer {
background-image:url(bild.png);
}
</style>
<!--[if IE 6]>
<style type="text/css">
#layer {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.png', sizingMethod='scale');
background: none;
}
</style>
<![endif]-->
Damit wird derselbe Style zwei mal definiert. Die erste Definition wird von allen Browsern, auch dem IE, verwendet. Ist der aktuelle Browser ein Internet Explorer 6, wird die zweite Definition geladen. Diese zweite Definition erweitert die erste und enthält hauptsächlich die filter-Eigenschaft. Wichtig ist hierbei, background auf none zu setzen, um alle geerbten Hintergrund-Eigenschaften zu entfernen, da sie sonst ebenfalls verwendet würden.
Ich hoffe, ich konnte jemandem damit helfen - ich selbst habe vor einiger Zeit lange nach einer Lösung dafür gesucht.

