css 为图像背景添加背景颜色透明度

Posted 2021-05-13

// this is the image background
.header_main {
    background-image: url('http://powell.test/wp-content/uploads/2018/10/[e-mail]');
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

// this is the background color with blue transparency
.header_main::before {
    background-color: #223a5ce6;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}