让IE8及以下浏览器都能兼容html5的完美方法

博客分类：
• IE6兼容性问题

一直想用HTML5写一个页面，但是由于对IE8-的浏览器都不支持，所以一直不敢尝试。

今天闲得无聊，便想就试一下吧，就当练练手吧。

写完以后发现，oh,my god！IE8以下的浏览器简直是那画面太美我不敢看。

但是不能就这么放弃了呀。

我就上网找各种解决方法，于是我得到了各种答案

答案一：Coding JavaScript

 

Js代码  

1. <!--[if lt IE9]>   
2. <script>   
3.    (function() {  
4.      if (!   
5.      /*@cc_on!@*/  
6.      0) return;  
7.      var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');  
8.      var i= e.length;  
9.      while (i--){  
10.          document.createElement(e[i])  
11.      }   
12. })()   
13. </script>  
14. <![endif]-->  

 可是我试一下，不行！！

 

答案二：使用Google的html5shiv包

 

Js代码  

1. <!--[if lt IE9]>   
2. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
3. <![endif]-->  

 在CSS中加上

Js代码  

1. article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}  

 我也试了，但是还是不行

 

各种绝望，有木有！！

终于天无绝人之路

就在我各种困惑之时，我看到了一个博客，这位大侠发现了一个超棒的插件：Modernizr插件。据说可以完美解决这个问题，然后我就带着试一下的态度尝试了一下。

果然没有让我失望啊，只要在代码里加上这一句

Js代码  

1. <script src="//haiqiancun.com/file/demo/custom.modernizr.js"></script>  

就可以是各种浏览器都完美兼容啊。现在就把这个插件分享给大家，希望可以给你带来方便哦。

插件官网：http://modernizr.com/

中文简介：http://www.adobe.com/cn/devnet/dreamweaver/articles/using-modernizr.html

JS地址：http://haiqiancun.com/file/demo/custom.modernizr.js

有需要的可以去看看哦

最后谢谢一下这位大侠。