Transparente PNGs im IE6

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.