div遮罩层

实现遮盖层，使一部分区域不可点击编辑等。

1.简易遮罩层一：

        
        
        
    
    


        
显示页面的全部内容
                
打开弹框
        
            
        

            
        

                
关闭弹框
        
        

结果：

2.div遮罩层二：

可通过点击实现遮罩层，改变div背景色，宽高： 

•  专门写一个div（没有任何内容）做遮罩层，通过绝对定位的层级实现遮罩；
• 宽度高度设置为100%，这样才能使隐藏背景层覆盖原页面。
• 设置透明度为0.3；
• （兼容IE）非IE浏览器下设置透明度为30；

    
    
    
    
    


    

        
请为下面DIV设置样式：
        
        点击设置
        

    
    

    

        

            

                请选择背景色：
                红
                黄
                蓝
            
            

                请选择宽(px)：
                200
                300
                400
            
            

                请选择高(px)：
                200
                300
                400
            
    
        
        

            
            
        

    

结果：