HTML5标签兼容IE9,IE8

2020-04-21  本文已影响0人  八月飞花

H5语义化标签设置宽高失效问题

IE9虽然支持h5,但是不是全部支持,ie9会把语义化标签转化为行级元素,
导致设置宽高失效,需要通过display:block;转化为块级元素

如何兼容IE8

IE8则完全不支持H5,设置的css属性也会失效,不识别H5新标签,根本无法解析标签,
也就意味着所写的样式无效

解决IE8兼容性方式

手动创建标签

//标签名为H5的标签
document.createElement("header");//创建完标签之后,style样式就会生效,但是标签
  类型都是行级元素,需要在样式中加入display:block;

第一种手动创建标签太繁琐,我们可以引入第三方插件html5shiv.min.js
<script src="第三方插件"></script>
上一篇 下一篇

猜你喜欢

热点阅读