<div class="box01"></div>
<div class="box02"></div>
.box01 {
  width:50px;
  height:50px;
  background: rgba(0, 128, 255, 0.8);
  margin: 20px;
  z-index: 3;
}
.box02 {
  width:50px;
  height:50px;
  background: rgba(255, 102, 0, 0.8);
  margin: -55px 45px 20px;
  z-index: 2;
  pointer-events: none;
}
.box01:hover{
  background: rgba(134,0, 255, 0.8);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.