Announcement!

Bid Oh Bid Directory - Bid your link to get higher position now!

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.

Code (html4strict)
  1.  
  2. <head></head>
  3. <body bgColor="blue">
  4. <!– This DIV is the target container for the image.  –>
  5. <DIV ID="oDiv" STYLE="position:absolute; left:140px; height:400; width:400;
  6.      filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(
  7.      src=’image.png’, sizingMethod=’scale’);" >
  8. </DIV>
  9. </body>
  10. </html>
  11.  

[via Microsoft Support]

Subscribe me feed! If you enjoyed this article, get latest updates via RSS feed or by email.

3 Responses to “How to fix PNG transparent display in IE”

  1. aman
    March 20th, 2007 | 9:57 pm

    dah lama ku cari menda nie.. :D

  2. Madhur Kapoor
    March 21st, 2007 | 3:00 pm

    Nice tip man .

  3. CypherHackz
    March 22nd, 2007 | 12:40 pm

    no problem. :d

Leave a Reply