Skip to content

A lightweight modal for asking website visitors to stop using outdated IE browsers.

Notifications You must be signed in to change notification settings

panteng/ie-blocker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IE-Blocker

A lightweight modal for asking website visitors to stop using outdated IE browsers.

Screenshot

Demos

Please use IE 6-9 to visit the following links:

Live Preview - English Version

实时预览 - 中文版

You will see a modal dialog which asks you to switch to a modern browser.

Installation

Install through npm or Bower

// With npm
npm install ie-blocker --save

// With Bower
bower install ie-blocker --save

Usage

Include ie-blocker.css and ie-blocker.en.js in the <head> tag. And wrap them into conditional comments for IE:

<!--[if lte IE 8]>
<link rel="stylesheet" href="ie-blocker/ie-blocker.css">
<script src="ie-blocker/ie-blocker.en.js"></script>
<![endif]-->

Options

  • img-path:

    By default, browser icon images are placed under the img folder within the same directory of ie-blocker.en.js. You can change the path by adding the img-path attribute:

     <!--[if lte IE 8]>
     <link rel="stylesheet" href="ie-blocker/ie-blocker.css">
     <script src="ie-blocker/ie-blocker.en.js" img-path="../your_custom_path/"></script>
     <![endif]-->
    

    The value of option img-path is a relative path to the ie-blocker.en.js file. Don't forget the '/' at the end.

License

MIT

About

A lightweight modal for asking website visitors to stop using outdated IE browsers.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published