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>
Thought:
I was wanted to use transparent PNG in company website, but the IE problem made me back to the old GIF… 
Comments Feed
TrackBack URL
November 27th, 2004 at 2:44 am
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…