<div class="p_relative">
  <div class="p_absolute box box1"></div>
  <div class="p_absolute box box2"></div>
</div>
.p_relative{
  position: relative;
}
.p_absolute{
  position: absolute;
}
.box{
  width:200px;
  height:200px;
  opacity:.6;
}
.box:hover{
  opacity:.8;
}
.box1{
  background: orange;
  left:10px;
  top:20px;
}
.box2{
  background: red;
  left:40px;
  top:50px;
  pointer-events: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.