80分请问两个遮罩层的遮盖顺序用什么属性定义(如何实现)

80分请教两个遮罩层的遮盖顺序用什么属性定义(怎么实现)
80分请教两个遮罩层的遮盖顺序用什么属性定义(怎么实现),最后附实例
------解决方案--------------------
CSS的z-index

<style type="text/css">

div{

  width : 100px;

  height:100px;

  

}

#div1{

  position: absolute;

  left :10px;

  top:10px;

  border:5px red solid;

  z-index: 2;

}

#div2{

  position: absolute;

  left :20px;

  top:20px;

  border:5px blue solid;

  z-index: 1;

}

</style>

<div id="div1" onclick="alert(1)"></div>

<div id="div2" onclick="alert(2)"></div>

LZ可以改一下两个DIV的z-index，看一下效果。
------解决方案--------------------
z-index类似于控制z轴  值越大离读者越近
------解决方案--------------------
已有答案,z-index
------解决方案--------------------
 给div 一个class 设置他们的z-index