如何解决IE无法识别html5中的新标签(article、abbr、header等)
先看代码
<h2>你好啊</h2>
</article>
css如下:article{border:1px solid red;}
<在可以识别html5的新标签的浏览器下,显示如下:
IE8下:
如何让IE浏览器支持新的标签?
可以在使用新标签之前用javascript创建一个虚假的标签,这样就可以识别了。
如<article>标签,在使用前,创建一个虚假的<article>标签,<script>document.createElement_x_x_x("article");</script>
注意,此时如果IE下显示有问题的话,可能是article的每个子元素都有一个边框,就给article的css里加上display:block,这样就解决了,因为IE没有把html5里面的新标签定义为dispaly:block;
利用这一技巧,可以为所有的新元素都一次性创建一份虚假副本
<!--[if lt ie9]>
<script>
</script>
<![endif]-->
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步