怎样让老浏览器兼容html5新标签

mac2022-06-30  87

CSS样式设置默认样式:

<style> article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } </style>

JS中:

<!--[if lt IE 9]> <script type="text/javascript"> var e=("abbr,article,aside,audio,canvas,datalist,details,"+ "figure,footer,header,hgroup,mark,menu,meter,nav,output,"+ "progress,section,time,video").split(','); for(var i=0;i<e .length;i++){ document.createElement(e[i]); } </script> <![endif]-->

=========================================================

再者还有一种办法就是用框架的方法,用到条件注释加JS代码实现 

代码如下:

<!--[if lt IE 9]> <script src="html5shiv.js"></script> <![endif]-->

直接加入这一句代码就可实现兼容问题,关于条件注意中的  是判断是否小于IE9以下浏览器,如果是就执行这段JS代码 ,如果不是,就忽略掉。至于JS中的链接直接打开进去看看就知道了,也是一大段的代码。

转载于:https://www.cnblogs.com/wmwPro/p/5460455.html

最新回复(0)