How to make png image backgrounds transparent in older versions of IE?

Question

I am having trouble making my png image background's transparent in older versions of IE. Does anyone have any suggestions on how to accomplish this?

My current website is designed in asp code, and I am using CSS to structure my pages. I am also utilizing Dreamweaver to design my site, just in case if anyone's curious. Please help, thanks.

Answer 1

You'd need to use the AlphaImageLoader Filter.
http://www.alistapart.com/stories/pngopacity/
http://www.alistapart.com/articles/supereasyblendys

You may have to address the issue of which browser the site visitor is using so the filter doesn't conflict in browsers that already have the ability to render PNGS. (At least this is what I was told, so you should confirm.) The sites above have the code you can use. After you try it you can confirm that it is working by testing your site here:

http://browsershots.org/

Answer 2

Older versions of IE don't handle pngs well if at all...especially transparency. Give up! You might as well go gif.

Answer 3

Unfortunately you can't. Until Vista came out, IE didn't support PNG files. Firefox, Safari, Opera do and have for a while.