最近在改别人代码,改的头疼,因为他的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
}
网友评论