rss
twitter

IE PNG Fix by Angus Turnbull

IE6 and below doesn't render transparent images, instead of transparency, it uses an ugly grayish bg color for your transparent images.

Here's a helpful script that solves that problem, Angus Turnbull's IE PNG Fix.

The script adds near-native PNG support with alpha opacity to IE 5.5 and 6. A simple one line in your CSS will do the trick. It works on img tags and background images.

How to Use?
Just follow these simple steps:
  1. Download the iepngfix here and extract it.

  2. Copy and paste iepngfix.htc and blank.gif into your website folder.

  3. Input this in your CSS code:
    img, div {
    behavior: url(iepngfix.htc);
    }
    You can use any tags (e.g. input, a, p)

  4. If you want the blank.gif inside a folder make sure you edit the iepngfix.htc and change the blankImg variable.
    var blankImg = '/images/blank.gif';
  5. That's it! If you encounter problems check it out here.

Source: twinhelix

0 comments: