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]:

Related Posts:

Bookmark and Share


Post a Comment

Hi there! Please leave your message here. Also, I may not be able to respond to your query right away. So please bear with me. Thanks. :)