Skip to content
/ ie7js Public

A JavaScript library to make MSIE behave like a standards-compliant browser.

License

Notifications You must be signed in to change notification settings

ben-yip/ie7js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A JavaScript library to make MSIE behave like a standards-compliant browser.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published