如何做新增结构性标签低版本的兼容

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
header{height:100px;background:#9F3; display:block;}
article{ padding:10px;background:#CF6; overflow:hidden;zoom:1; position:relative;  display:block;}
aside{width:200px;height:300px;background:#F06; position:absolute;left:10px;top:10px;  display:block;}
section{margin-left:210px;background:#F90;height:300px;  display:block;}
footer{ height:100px;background:#C6C; display:block;}
</style>
</head>
<body>
<header>页面头部</header>
<article>
    <aside>侧边栏</aside>
    <section>内容区域</section>
</article>
<footer>页面底部</footer>
</body>
</html>

在高版本浏览器是这样的
在高版本浏览器里面是这样的

在低版本里面是这样的
在低版本里面是这样的

如何处理

在IE下提供了一种自定义标签的方法
document.createElement(“”)并且给标签添加类型display:block

或者引入JS文件<script src="html5shiv.js"></script>即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值