Language:

IE 6 PNG Transparency Hack

Language: Deutsch
Programming Language: CSS
Published by: Jay
Last Update: 4/25/2006
Views: 5172

Description

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

Code

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

6 comments

1

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

Friday, May 05, 2006 5:00:40 PM from jonathanschmid
2

bei mir funzt dies leider nicht ?

Friday, September 29, 2006 12:04:06 PM from christian
3

Bei mir leider auch nicht :/

Tuesday, October 31, 2006 10:07:55 PM from Ankkah
4

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

mfg

Monday, January 01, 0001 12:00:00 AM from divStar
5

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

mfg

Monday, January 01, 0001 12:00:00 AM from divStar
6

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.

Sunday, November 02, 2008 10:53:25 AM from Danny

Add a comment

Name *  

Email (won't be displayed) *    

Website  

Comment *  

Sicherheitscode Security Code *    

RSS