js简单遮罩效果(可解决select)

实现效果：弹出一个窗口的时候，窗口后面的页面变暗，并且不能操作

难点：因为div层是不能把select控件遮住的，所以要特殊处理，方法两种，一种是在弹出窗口下面加一层iframe来遮住select；第二种是所以要在弹出的时候，先把select控件隐藏，这里选择第二种方法

实现原理：在页面上和弹出窗口中间加一个半透明的层，把页面的内容覆盖掉

主要代码：

下面是HTML例子




//遮罩层
关闭
//弹出层


 








   

  

    
     
 
 

 

 

打开遮罩