在backgoundImage上面设置透明度而不影响元素其他显示效果

描述：

在backgoundImage上面设置透明度而不影响元素其他显示效果，类似于在背景图片上设置遮罩层的效果

方案：

一、加一层遮罩元素，如div，定位到上层；
二、多用::before伪元素，操作同一

三、选用其它样式属性，如box-shadow

前两个是基本操作，就是分开设置图片和遮罩层，然后定位处理

 

主要记录第三种解决方案：

box-shadow: 0 0 50px rgba(0, 0, 0, 0.7) inset；

给设置了背景图片的元素设置内部阴影

效果对比：(后面一条绑定了阴影效果)