Ladysign

Transparent PNG’s Internet Explorer 6

Difficulty:

Internet Explorer 6 won’t show the transparency at transparent png’s.
Instead of showing the transparency, Internet Explorer 6 shows a grey box around the image.

With this CSS IE6-only “hack” you can still make it possible, remove the greybox and show transparency:

*html #myImage {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="scale");
}
#myImage {background: url("image.png");}

The * html, makes it only available for IE6. That means that you need to use the #myImage again for all the other browsers (where the transparency works automatically).

Note: It could be, that your CSS editor won’t recognize this property and can complain about the filter property.