背景のオーバーレイ
背景画像を設定した要素内にオーバーレイ用のdivを設置する
//<div class="container el-overlay_wrapper">
// <div class="el-overlay"></div>
// <div>
// contents
// </div>
//</div>
.el-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(#000000, 0.4);
z-index: -1;
&_wrapper {
position: relative;
z-index: 0;
}
}