Definitive IE PNG Fix

Finally! The ultimate Internet Explorer fix for displaying Alpha Transparent PNG images

After many months of searching we have finally found the ultimate solution to the perennial problem of Internet Explorer 6 not supporting Alpha Transparent PNG images. Initially posted at http://bjorkoy.com/ the method involves using a .htc hack to script IE6's behaviour, and adding the following line to your css:

img {
    behavior: url(iepngfix.htc);
}

What makes this method so much better is that this PNG fix also works on css background images (as well as the standard <img> tags). To download the full code please go to www.twinhelix.com/css/iepngfix/. Hats off to Mr Turnbull for his sterling work!

Posted a few months ago by David Smith

David is a web designer and a front end developer for DeepBlueSky Digital. He's reponsible for designing nice things and then making sure they don't break in Internet Explorer. Currently he's mostly interested in javascript and HTML5. You can follow Dave on Twitter as @get_dave or @deepbluetweets.

Post a comment…

1 Comments on this post

  1. said “PNG fixes and Google Maps” a few months ago
    Gravatar for

    Further to my initial post here about the definitive IE PNG fix we have discovered a potential pitfall.

    Internet Explorer fails to render the Google Map when you use the PNG Fix in the "wrong" way.

    To see my full explaination please read:

    IE PNG Fix and Google Maps

     


Web Design Blog

Speak to an Expert now on 01225 444 674

Talk to Us
About DeepBlueSky

Small office, big ideas - talk to us about your online strategy.

A little revolution is a healthy thing - call us for a new perspective on your digital marketing.

You should follow us:

Copyright © 2010 Deep Blue Sky