This tragic flaw of Internet Explorer is possibly one of my most hated, along with it's high susceptibility for spyware, viruses, trojans, and many other nasty things. Internet Explorer, as many web designers may very well know, does not like PNGs at all. Due to the alpha channel, or a transparent layer relating to the image file format, PNGs with transparency aren't well supported in the grand Microsoft creation.

This has frustrated me, until today, where I was recently browsing the Apple site, looking at the specifications for the MacBook Pro. Being the easily interested person I am, I decide to see how exactly they made a powerbook cross over from a patterned section to a solid background so well. To my surprise, this image was a PNG. I quickly ran off to Internet Explorer on my PC to find the image had been replaced with an odd path to their "iepngfix" script. I don't exactly know how theirs works, but the one I found is truely genius.

If you can't wait any longer, Click Here for the javascript.

This nifty script invokes the filter that makes PNGs transparent. I must admit, it's not quite perfect, with some images doing wacky resizing if the size isn't specifically set, but other than that, it's a godsend for me. I can finally use transparent PNGs without worrying about a nasty grey border. Hopefully this will serve some use to you, and if not, well, you can't say I didn't try.

Demo at DHP1080 Dev.