There are 3 scripts: IE7.js, IE8.js and IE9.js. They are backward compatible, which means the functionality that IE7.js and IE8.js has are included in IE9.js .
IMPORTANT: These CSS hacks take NO effect on inline styles, but support both internal and external stylesheets.
Dependencies
There are no other dependencies except for one file blank.gif.
Check to see if your build workflow has required it correctly, or manually copy it with IE9.min.js to your asset folder under the same level directory.
PNG
The script only fixes images named: *-trans.png
If you want the fix to apply to all PNG images then set a global variable as follows:
varIE7_PNG_SUFFIX=".png";
You must set this variable before including the IE7.js script. Alternatively, you can set the variable inside the IE7.js script element:
The suffix will ignore query string parameters. For more fine-grained control you can also set IE7_PNG_SUFFIX to a RegExp object. If you want to use an alternative PNG solution then set the suffix to something that cannot possibly match:
varIE7_PNG_SUFFIX=":";
By default, the PNG will be stretched (this simulates tiling). If you want to turn this off then set the no-repeat property as follows:
div.example{
background:url("my-trans.png")no-repeat;
}
Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.
Credits and Links
This library is credited by Dean Edwards, the copy in this repo is of its last and latest version 2.1(beta4).
I put it here in GitHub for the convenience of management by NPM and integration in your own build workflow.