Internet Explorer Problem Display Transparent PNG

Filed in: Web Development — November 26th, 2004

Due to the nature weakness of Internet Explorer, it does not display PNG image with transparent background correctly. You may not see transparent background and the colors changed(e.g. red becomes blue). It is because Internet Explorer does not support PNG Alpha transparency layer.

Vist PNG in Windows IE to see the PNG test in Internet Explorer.

The problem can be fix by using AlphaImageLoader Filter. Here is sample code from MS Support:

<html>
<head></head>
<body bgColor="blue">
<!– This DIV is the target container for the image. –>
<DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400;
width:400;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=’image.png’, sizingMethod=’scale’);" >
</DIV>
</body>
</html>

Related search result »

Thought:
I was wanted to use transparent PNG in company website, but the IE problem made me back to the old GIF… :???:

Like this post? Please share:

Follow @liewcf on Twitter; Join Facebook page; Subscribe to free newsletter for updates like this article..

  • http://hafiz.thesiebzehn.de/ hafizmuhtar

    You can use the AlphaImageLoader Filter, but it is not acceptable in web standards,nonetheless, there is this article in alistapart.com with a solution,titled Cross Browser Variable Opacity with PNGs it’s a lot of work though…

  • http://hafiz.thesiebzehn.de hafizmuhtar

    You can use the AlphaImageLoader Filter, but it is not acceptable in web standards,nonetheless, there is this article in alistapart.com with a solution,titled Cross Browser Variable Opacity with PNGs it’s a lot of work though…

t