<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css重叠</title>
<style>
.sun{
position:absolute;
width:150px;
height:100px;
background:#000000;
z-index:10px;
}
.index1{
top:50px;
left:50px;
background:#333333;
z-index:2;
}
.index2{
position:relative;
top:100px;
left:100px;
background:#666666;
z-index:-1;
}
.index3{
top:150px;
left:150px;
background:#999999;
z-index:1;
}
div{
position:absolute;
width:200px;
height:150px;
}
</style>
</head><body>
<div class="index1"></div>
<div class="index2"></div>
<div class="index3">
<div class="sun"></div></div>
</body>
</html>
|
注册 登录
