Enabling PNG Transparency for IE6 Browsers

Here's a simple straightforward solution for enabling transparency on PNG images for IE6 browsers. This was a solution I first encountered under Magento 1.3+ while browsing its JS folders. Now I've been using the same solution with all my projects having PNG images.

All you need to do is place a script tag within the Head part of your HTML which calls the external code. Then enclose it with IE condition statements (this solution is intended for IE browsers below version 7). So everytime your webpage loads, the script will automatically enable image transparency. That includes images assigned using CSS Background property. The good thing here is that you won't have to worry about the background-positioning of the image since it also fixes that issue. As a result, whatever output you see in your Firefox browser, that's the exact thing you'll see when your page loads in IE6.

Here's a link to The Sleight. Read on or download the file.

Updates [2009-Oct-04]:

• I was wrong about the Background-Positioning. This might worth another try: Supersleight-jQuery-Plugin. Just read on.
  

Related Posts:

• Debugging Tool for Internet Explorer Browsers