怎样使用css给一个界面增加一个遮罩

如下是经过多次验证后得到的效果,html代码可直接复制验证





    透明遮罩层
    
    



其中

是遮罩的div,这个遮罩的本质就是div最大化覆盖到所有元素的最上层
在css样式上 z-index: 99999;index的值越大,表示层级越高

     top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;

则表示这个遮罩的大小和位置

          -moz-opacity: 0.1;
            opacity: .1;
            filter: alpha(opacity=10);

表示遮罩的透明度,值越小透明度越高

你可能感兴趣的:(前端相关)