How to fix PNG transparent display in IE

In Internet Explorer (IE), transparent background image in PNG format will appear to be gray and not transparent as it should be. That’s why you need this fix to repair the image when it comes in IE.

To fix it, you can use AlphaImageLoader filter. See below for an example.

<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>

[via Microsoft Support]

Comments

  1. dah lama ku cari menda nie.. 😀

  2. Nice tip man .

  3. no problem. :d