css元素重叠代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
div { position:absolute;
border:1 px solid black;
height:50px;
}
#top { left: 80px; top: 80px;
z-index: 3;
background-color:#FF0000;
}
#middle { left:60px; top:60px;
z-index:2;
background-color:#00FF00;
}
#bottom {
left:40px; top:40px;
z-index:1;
background-color:#FFFF00;}

 

</style>
</head>

<body>
<div id="top"> 一个</div>
<div id="middle">2个</div>
<div id="bottom">3个</div><strong></strong>
</body>
</html>

原文地址:https://www.cnblogs.com/liuzhuqing/p/7481153.html