Now we all know that IE, apart from a thousand other reasons sucks. Just recently, I have found it particularly sucking at rendering 24 bit PNG transparency. Lucky, there are quite a few solutions to kill the problem, each has it’s pro’s and con’s. I thought it might be in everybody’s interest that I compile them down here along with a note on each one, hope that it helps some of you out there too.
http://www.alistapart.com/stories/pngopacity/ – I don’t though this works with background images either though am not sure. If you’ve tried it, let me know by dropping a comment.
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html – Uses a ‘behaviour’ to tackle the problem. However, again only works with inline images. The ‘behaviour’ also uses a blank gif. Quite a hassle if you ask me. Might add accessibility problems, not really fully tested this yet.
http://koivi.com/ie-png-transparency/ – This is the only server side solution I came across, and works on php files only. But still, worth looking into if it poses a huge issue for some people.
After doing all this research on solutions for the client, I educated the client that I could implement any of these for them or I can force the end users to download a decent browser like Chrome or Firefox or anything but IE. He liked that idea. Thank goodness that Microsoft is getting rid of IE in the new Windows 10 operating system, and only making it ‘optional’.