IE 6 PNG Transparency Hack

Sprache: Deutsch
Programmiersprache: CSS
Veröffentlicht von: Jay
Letzte Änderung: 25.04.2006
Aufrufe: 5295

Beschreibung

Der Internet Explorer 6 kann keine transparenten PNG-Grafiken darstellen. Mit diesem Trick lässt sich das Problem umgehen.

Code

Zeilennummern anzeigen

1 <img src="meinbild.png" style="filter:progid:DXImageTransform.Microsoft. 2 AlphaImageLoader(src='meinbild.png',sizingMethod='scale');" />

6 Kommentare

Hey!
Sowas such ich scho voll lang un habs in keinem Forum gefunden! Danke!

Freitag, 5. Mai 2006 17:00:40 von jonathanschmid

bei mir funzt dies leider nicht ?

Freitag, 29. September 2006 12:04:06 von christian

Bei mir leider auch nicht :/

Dienstag, 31. Oktober 2006 22:07:55 von Ankkah

das AlphaImageLoader-Ding ist eine ActiveX-Einbindung sodass wenn JavaScript und/oder Active-X abgestellt werden - die o.g. Option nicht funktioniert.

mfg

Montag, 1. Januar 0001 00:00:00 von divStar

das AlphaImageLoader-Ding ist eine ActiveX-Einbindung sodass wenn JavaScript und/oder Active-X abgestellt werden - die o.g. Option nicht funktioniert.

mfg

Montag, 1. Januar 0001 00:00:00 von divStar

Wenn man vorher das PNG für moderne Browser definiert hat, zb. so:

.TransparentesBild {
background: url(Images/meinBild.png) no-repeat left top;
}

muss man für den IE6 eine gesonderte Klasse anlegen.

* html .TransparentesBild {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(enabled=true, sizingMethod=crop src='../../App_Themes/CssFramework/Module/Modul_Newsteaser/Images/meinBild.png');
}

Hier ist dann "background: none" sehr wichtig. da sonst das Bild von ersterer Klasse mit angezeigt wird. Außerdem muss der Pfad zum Bild absolut sein.

Sonntag, 2. November 2008 10:53:25 von Danny

Dieses Snippet kommentieren

Name *

E-Mail (wird nicht angezeigt) *

Website

Kommentar *

Sicherheitscode *