Follow Me on Twitter!

Mar20

How to fix PNG transparent display in IE

Blogging, How To

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.

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

[via Microsoft Support]

Post to Twitter Post to Delicious Post to Digg Post to Facebook Post to StumbleUpon

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

Related Posts

Recent Entries

What Next?

6 weird things about me »
« Dive and Swim into Intrusion Detection

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

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

    dah lama ku cari menda nie.. :D

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

    Nice tip man .

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

    no problem. :d

Leave a Reply




Subscribe RSSSend Trackback