Day.02.06 z-index的使用
2017-02-06 本文已影响10人
挂树上的骷髅怪
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> z-index的使用 </title>
<style type="text/css">
div{
width:700px;
height:500px;
border:1px solid red;
}
img{
position:absolute;
z-index:0;
}
span{
position:absolute;
z-index:1;
}
</style>
</head>
<body>
<div>
<span>骷髅巨人</span>
</div>
</body>
</html>
小结:
1.z-index要和position:absolute配合使用;
2.z-index默认值为0;
3.z-index的值越大,越在上层;
4.跟ps中的图层应用类似;
