CSS layers指的是将 z-index 属性应用于彼此重叠的元素。
z-index属性与 position 属性一起使用以创建图层效果。您可以指定哪个元素应该放在顶部，哪个元素应该放在底部。
<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>
它将产生以下输出-
参考链接
https://www.learnfk.com/css/css-layers.html
标签：Layers,layers,index,无涯,CSS,图层,css,属性 From： https://blog.51cto.com/u_14033984/9382885