For all you web designers out there: We’ve all come a long way together.. plodding through all the horrific browser incompatibilities. Telling each other different hacks and tricks. …trying to avoid those horrific box model differences. We’re all optimistic about standards in the future.. but how are we still dealing with archival browsers? Some people say “screw IE6 who gives a crap?” But people like me who make sites for older clients and organizations that still might have IE6 running on their internal systems just cant turn our heads. Well, here is my “Combating IE6″ tip #1:
jQuery PNG Fix
Well, jQuery has been around for a while now.. and I absolutely love it. I’ve been using a jQuery .png fix script for a while now and I thought I’d share. As they say:
This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6.
You will go from this to this: (yay!)
http://jquery.andreaseberhard.de/pngFix/ is the link to the script.
All you do it install it, and the latest jQuery.. point to it in your header.
<pre><code><head> ... <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> ... </head>
then document-ready function it:
<pre><code><head>
...
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>
...
</head>
and YATTA! PNG’s are magically fixed!
download here: http://jquery.andreaseberhard.de/pngFix/
More combating IE6 posts to come. Would love to know your methods!
YAY :)
There was that other png fix: http://www.twinhelix.com/css/iepngfix/ that works without javascript, but it was a little buggy. I'll give this a try!
twin helix also uses javascript, just not jquery
I too used the regular ol' pngfix.js and it would produce errors on certain websites for some reason. This looks great. It does amaze me that even brand new business-grade workstations from Dell and other manufacturers that have XP preinstalled on them come equipped with IE6. I assume it is necessary for those people using web-based line of business applications that still require IE6. I can't wait for the day it completely dies.
I can't wait for it to completely die either! #die1e6die