<!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中的图层应用类似;
网友评论