CSS - Layers
CSS为您提供了创建各个部门层的机会。 CSS层指的是将z-index属性应用于彼此重叠的元素。
z-index属性与position属性一起使用以创建图层效果。 您可以指定哪个元素应该位于顶部，哪个元素应该位于底部。
z-index属性可以帮助您创建更复杂的网页布局。 以下是显示如何在CSS中创建图层的示例。
<html>
<head>
</head>
<body>
<div style = "background-color:red;
width:300px;
height:100px;
position:relative;
top:10px;
left:80px;
z-index:2">
</div>
<div style = "background-color:yellow;
width:300px;
height:100px;
position:relative;
top:-60px;
left:35px;
z-index:1;">
</div>
<div style = "background-color:green;
width:300px;
height:100px;
position:relative;
top:-220px;
left:120px;
z-index:3;">
</div>
</body>
</html>
它会产生以下结果 -
新页面打开