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

最新推荐文章于 2021-06-10 14:22:20 发布

细听夏伤

最新推荐文章于 2021-06-10 14:22:20 发布

阅读量907

点赞数 2

分类专栏： IE6兼容性问题

本文链接：https://blog.youkuaiyun.com/princess_prince/article/details/84688163

版权

IE6兼容性问题专栏收录该内容

2 篇文章

订阅专栏

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

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

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

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

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

答案一：Coding JavaScript

<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     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(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

可是我试一下，不行！！

答案二：使用Google的html5shiv包

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

在CSS中加上

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

我也试了，但是还是不行

各种绝望，有木有！！

终于天无绝人之路

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

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

<script src="http://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

有需要的可以去看看哦

最后谢谢一下这位大侠。