Get a free VECTOR Image of the week from Shutterstock.

Get hundreds of free PHOTOS from Pixmac.

IE6 is the bane of many designers lives, it is jam packed full of bugs and as it’s not a standards-compliant browser you have to apply a shed load of fixes and hacks to make it play nice.

Maybe it’s just me, but should I still be writing about fixes for IE6 in 2009? Probably not but it’s something people still need to know and its one of the most asked questions in the WebM.ag inbox.

I couldn’t possibly write about EVERY IE6 bug, so I’m just going to write about “fixing” PNG Alpha Transparency in IE6.

I have listed 5 methods of enabling transparency for PNG images, although the fixes are superb, they are not without flaws but they certainly will help your site more aesthetic in IE6.

DD_belatedPNG

Doesn’t support background-position: fixed; but it’s really easy on the CPU as it resets all style behaviour.

IE PNG Fix

Background images cannot be positioned or repeated (background-repeat), but it’s a really small effective script.

ie7-js

Only fixes images named ****-trans.png but as its all java it’s quick and keep your CSS valid.

Supersleight

Doesn’t support padding on PNG images, but margin will work. It’s a great plugin as it works nice and fast and supports PNG24.

Unit PNG Fix

Unit will support CSS background-repeat… but the image will stretch, on the up side it doesn’t use CSS so your CSS stylesheet will remain valid.

Related Posts

Like this post? Share it!