Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

ie7js

2.1.0 • Public • Published

Intro

  • This is a JavaScript library to make MSIE behave like a standards-compliant browser.
  • It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.
  • Check out this demo page for more details.

Getting started

  • Get the library via npm: npm install -S ie7js
  • 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 .
  • Basically what you need to do is:
    <!--[if lt IE 9]>
    <script type="text/javascript" src="IE9.min.js"></script>
    <![endif]-->
  • 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:
    var IE7_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:
    <script src="IE9.min.js">IE7_PNG_SUFFIX=".png";</script> 
  • 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:
    var IE7_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

GitHub license

Install

npm i ie7js

DownloadsWeekly Downloads

2

Version

2.1.0

License

MIT

Unpacked Size

400 kB

Total Files

13

Last publish

Collaborators

  • avatar