PNGFix jQuery Plugin

January 24, 2010

PNGFix allows IE6 to use transparent PNG files by applying IE-specific filters
for images with alpha chanels. Simply call pngfix() on any element to perform
the replacement. For example, you could add the class “pngfix” to all elements
using transparent PNGs, then do this:

$(document).ready(function () {
    $(".pngfix").pngfix();
});

Features

PNGFix works with img elements and CSS backgrounds.

Know limitations

PNGFix preserves the positioning of background images with some limitations.
Please be aware of the following:

  1. The position must be either numeric or set to “right” or “bottom”.
  2. Any element with a background-position other than 0 0 will have a new child element appended to it to provide the background. Because this child will be absolutely positioned, the original element’s position will be set to relative (unless it is already absolute). Also, the original element’s overflow will be set to hidden.

Download

jquery.pngfix.js
jquery.pngfix.min.js

Share and Enjoy:
  • Twitter
  • Facebook
  • Reddit