IE PNG Fix with Background Support
- It automatically supports png background transparencies. My current solution is Sleight and while it benefits from a lack of lag time, it does not support background transparencies.
- It requires 1 line of CSS to implement. Yes, you heard that right.
Here is example code taken from the source of their demo page:
<style type="text/css">
/* USAGE: All you have to do is include this one line in your CSS file, with the tag names to which you want the script applied: */
img, div { behavior: url(iepngfix.htc) }
/* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc) } */
</style>
Once you strip out the comments you will notice we are down to a single line of CSS that is IE specific. That's it. This did appear to have a slight lag time (unlike sleight), but definitely nothing prohibitive. Definitely something I will be testing out. Thanks to the Wired Monkey Bites blog (who also mention a solution for PNG image maps as well)
* Can't help IE versions prior to 5.5
* Users can't right-click-save processed PNG images, they'll save the blank GIF file if they try that. In some cases this might be a feature, not a bug...
* It's most reliable on elements with non-'auto' dimensions set. So, give images and other elements width/height values; '100%', '10em' and '200px' and so on are all OK.
* Background PNG images can't be tiled. This is a limitation of the IE filter.
* Similarly, padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.
* There may be about a short time as soon as the image loads when images are not transparent, before the IE filter kicks in.
Thought it might help!

