PNG Transparency Fix in IE6
Tags: Beginner
As I was exploring different ways to use Transparent PNG files in some of my designs (Check out Smashing Magazine’s PNG post for some great examples), I had to first find out how to make PNG files work in IE6. As we all know, IE 6 does not fully support transparency.
The .htc Fix
Download the .htc file and specify which element/tag you want PNG support on. To learn more here is an online demo and set up instructions.
The Java Script Fix
SuperSleight
This is probably the best Java Script PNG fix for IE6 that I have come across. Please check out www.24ways.org’s tutorial for a guide on how to implement.
Google Code
I stumbled across this Google Code which was pretty straight forward. The downside of this is that script only fixes images named: *-trans.png. Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.
Or the CSS Fix
I stumble across a simple technique that worked effectively, which uses CSS and conditional tags for IE, no Java Script involved.
No comments:
Post a Comment