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!)

png brokenpng fixed 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.

[code]
<pre><code><head>
...
<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.pngFix.js"></script>
...
</head>
[/code]

then document-ready function it:

[code]
<pre><code><head>
...
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>
...
</head>
[/code]

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!