PROMULGATOR

    xue-shuai

    陕西省西安市
    Html
    Css
    Js

    
                        


                        

                            


#mask {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.6);
	display:none;
	color:#fff;
	text-align:center;
	line-height:100vh;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
蒙版实现思路(原创)

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
更新时间：2020-08-27 14:16:53
# 蒙版
## 实现思路
- 1.页面底部写一个id为mask的div
- 2.css中使用固定定位，四个方向均为0，则铺满屏幕
- 3.背景设置黑色透明度为0.6
- 4.调用两个方法实现展示隐藏
    - 4.1 $('#mask').show() 展示
    - 4.2 $('#mask').hide() 隐藏
## 备注
- 1.只提供思路
- 2.后续可能会增加弹出层

                         

                     

                   
                


                
0