Article tools

Transparent PNG in Windows Internet Explorer

Internet Explorer doesn't display PNG transparency

If you've tried using a PNG with transparency in your site then viewing it in IE, a coloured background is displayed instead.

Solution

In your style sheet add the following code

To apply the transparent PNG to a div use the following code:

CSS CODE

*html #DIVID {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image.png', sizingMethod='fixed');
}

To display an image use the following code.

HTML CODE

<img src="image.png" alt="" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='fixed')">