ie8 不支持h5新标签

最近在改别人代码,改的头疼,因为他的html使用得h5新标签,比如header, footer, main

这些在现代主流浏览器上,都是没问提的,但是在ie8上,由于ie8不认识h5新标签,导致解析出来得结果就是 所有用新标签包裹得html,都不在新标签中。

比如:

<header>
  <div class="title">
        <h2></h2>
  </div>
</header>

在ie8解析下是这样得:

<header>
</header>
<div class="title">
      <h2></h2>
</div>

包裹关系变成了兄弟关系。

如果你用的css样式,是带header得话,那么就会有问题,因为找不到这个dom,所以样式就显示不出来

header .title{ 
     // css style
}
解决方案:
  • 修改html和css
    <header></header>,改成 <div class="header"></div>
    然后css中将 header 改成 .header
.header .title{ 
     // css style
}
  • 只修改css
    这个就简单了,直接把css中得header去掉
 .title{ 
     // css style
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,292评论 0 3
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,217评论 2 19
  • 我见过许多在土地里讨生活的人,他们把毕生光阴都献给了神圣的土地,只为了保持土地的肥沃。土地于他们有恩,他们...
    七公子2017阅读 1,400评论 0 0
  • D33~2017.5.20,女女被清华附中美术特长班录取了❤,感谢主。 她接到这个信息之后,顿时蹦跳起来,什么叫情...
    艳新阅读 4,064评论 2 4

友情链接更多精彩内容