The Cone Trees network The UX Bookmark UX Quotes UX Jobs in Singapore Nice one yeah!

All solutions to PNG 24 bit transparency rendering issue in Internet Explorer (IE) in one place

Now we all know that IE, apart from a thousand other reasons sucks at rendering 24 bit png transparency as well.

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 intrest that I compile them down here along with what problems each of them might have. I’m a little busy at the moment so i’ll complete this post later in a day. Here’s what I can comment upon for now.

http://koivi.com/ie-png-transparency/ – php solution works on php files only

http://homepage.ntlworld.com/bobosola/ – javascript solution that works on inline images, not background images

http://youngpup.net/2001/sleight – javascript solution that works on inline images, not background images

http://www.allinthehead.com/retro/69 – the best possible solution which is a modified version of sleight and also a kb less in size (sleight is 2kb)

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 nly works with inline images. The behaviour also uses a blank gif. Quite a hassle if you ask me. Might add accessibility problems?