internet-explorerjquery-pluginspng-24

jquery pngfix not working

I have a site with a lot of bg png images. css like this:

div#carousel ul#slides li.monitor{
  background:url(../images/monitor.png) no-repeat center top;   
  position:relative;
}

and I have jquery and pngfix included as such:

<script language="javascript"> 
  google.load("jquery", "1.6.2");
</script>
<script src="/javascripts/jquery.pngFix.pack.js"></script>

and

$(document).ready(function() {
$(document).pngFix(); 
    ...
})

yet still my pngs do not show up in IE7, IE8, etc. Ideas?

enter image description here

Solution

  • jquery.pngfix.js is only for IE 5.5 and 6.0. Internet Explorer 7 and 8 supported 24-bit transparent PNGs natively and do not require a fix. However, there are some specific formats of PNG that IE7/IE8 don't support. If you go with the standard 24-bit alpha transparency, then you'll be fine. But some other variants... not always.

    Convert them to 24-bit if they aren't already, and confirm that IE is loading them properly over the network (no 404 errors, etc.).