SCSS

by shahrukh007

HTML

<div class="div1">
  <div class="div2"><button>
  click!
  </button></div>
</div>

SCSS

.div1 {
  position:relative;
  background-color: red;
  width: 25%;
  height: 100px;
  text-align: center;
}
.div2 {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.85);
    z-index:2;
    color:white;
}