利用伪类元素实现背景图的叠加

body, main::before{

     background: url("tiger.jpg") 0 / cover fixed;

}

main {

     position:relative;

     background: hsla(0,0%,100%,.3);

}