CSS mask遮罩(自我惯用)

/*遮罩*/

.mask{

            z-index: 99;
            width: 100%;
            height: 100%;
            position: fixed;
            background-color: #000;
            opacity: 0.7;

        }

//另外 说明一下opacity设置透明度与transparent和rgba()的区别

1.opacity：是设置元素的不透明级别，属性值从0-1.0选择；

2.transparent：是设置全黑透明的速写，与rgba(0,0,0,0)相同；

3.rgba(r,g,b,a)：最后一个a指alpha透明系数，在根本区别上opacity是一个属性而另外两者都只是属性值，并且rgba()只能为color类属性赋值；