Jquery IE6 png transperency fix

Another Ie6 png fix that use Jquery selectors.  Just include Jquery 1.2.x and jqPngFix for automatic fix of all png images on page.

Performance test for 10 png images on page:

How to use:

<script language="JavaScript">
$(document).ready(function() {
  if ($.browser.msie && $.browser.version == '6.0') {
    jqPngFix();
  }
});
</script>
* This source code was highlighted with Source Code Highlighter.

Download script: jqPngFix.zip

12 comments

  1. Added code to header, put the fix in the directory, doesnt work.

    Im not a programmer so I dont know what I should be changing to get this to work. If there is, like, one simple line of instructions you could add to help us non-developers out, that would be great.

  2. This worked great for us, thanks!

    One thing, make sure the javascript include of jqPngFix.js and the jquery function that calls jqPngFix() is INSIDE your HTML check for < IE7. If not, we found that ALL transparent pngs were replaced with the blank.gif once the page was fully loaded — not good!

    We used the HTML

  3. Hi this does not work with background images, and i am seeing a small ‘x’ replacement image over my transparent png image so what shoudl i do

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>