Comparing png fix support for internet explorer 6 and below.
First we have IE PNG Fix from TwinHelix.com. i use this png fix before but it turned out not valid. Because you would have to add”behavior” on your css file which marked me me invalid on my css validation.
IE PNG Fix http://www.twinhelix.com/css/iepngfix/
Next is Unit PNG Fix from unitinteractive.com. I currently use this png fix cause it has no issues with my css validation, so it is a valid css and xhtml markup. Same with IE PNG fix you will need to have a blank or clear gif file to do the trick, but you don’t need to touch your css file you just have to add the script below on your html file and make sure you have your “unitpngfix.js” in your directory and incase you change your clear.gif make sure you edit your unitpngfix.js. Some people say that unit fix wont work but sometimes you should read not just copy and past all the codes provide. reading the code would make you understand more on how the code works. PEACE! follow the link below to download unitfix
<!–[if lt IE 7]>
<script type=”text/javascript” src=”unitpngfix.js”></script>
<![endif]–>
Unit PNG Fix http://labs.unitinteractive.com/unitpngfix.php
so i prefer Unit PNG Fix
Tags: best ie png fix, comparing ie png support, ie png fix, ie png support, png support
It’s great to see people promoting these fixes. The twinhelix fix does actually include a valid javascript version, both fixes just insert invalid code through javascript anyway.
So with that in mind i would say that the twinhelix option is the better as it seems to be more feature rich.
thanks for the comment, but with unitpngfix you dont have to insert behavior on your css to make a png file support transparency on ie6 and with twinhelix you will have to insert behavior when you need a background support trancparency on ie6, which is a red light on my css validator.
I have tried them both too, and though I think the unit png fix is the better of the two, neither one work all that well. Often times your forced into using gif or jpg for for some items that you really want to use PNG’s for, or you have to limit the location to a single effected area.
Though the scripts are better than nothing at times, don’t expect them to be a one size fits all fix.
Mark can you share what what problems you encounter using unitfix? i use .png on designs having opacity to see through bg. tnx for your thought i want to see the limitation of unitfix. tnx! cause i never had problems with unit fix
Admin, Mark has a strong point in regards to the imperfection of the Unit Fix. I have a specific example for you to test out and see why it is not 100%.
For those who use the jQuery effect “Image Cross Fade Transition” posted on http://jqueryfordesigners.com/image-cross-fade-transition/ will find out that even though they’re using Unit Fix as the IE PNG solution, there is still an error with the transparency.
The initial PNG image is clearly fixed. There are no image transparency issues here. However, during the Mouse Over effect, the second PNG image is not fixed and shows the dreaded greyish/white background.
If you figure out a solution to this, I would absolutely love to hear about it because it would solve many of my problems. Thank you.
this one is a very nice one working with jquery
http://jquery.andreaseberhard.de/pngFix/
I think you missed my point, twinhelix offers a version that validates and that doesn’t need the behavior put in the css, it’s commented out in the download by default.
IE 6 i outdated.. people with that browser should seriously upgrade before they get hacked, its full of security holes..
[...] Short for Portable Network Graphics, the third graphics standard supported by the Web (though not supported by all browsers). PNG was developed as a patent-free answer to the GIF format but is also an improvement on the GIF [...]
Thanks man’