使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享_javascript技巧

纯JavaScript：

实现效果：弹出一个窗口的时候，窗口后面的页面变暗，并且不能操作。
难点：因为div层是不能把select控件遮住的，所以要特殊处理，方法两种，一种是在弹出窗口下面加一层iframe来遮住select；第二种是所以要在弹出的时候，先把select控件隐藏，这里选择第二种方法。
实现原理：在页面上和弹出窗口中间加一个半透明的层，把页面的内容覆盖掉 。
代码：

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
    

    

    

        
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享_javascript技巧
        
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享_javascript技巧:CSS+JavaScript 实现原理: 创建一个满屏的div，使用绝对定位，这样的话它就可以脱离文档流，对其他的元素不会产生影响，并且将其设置为半透明状态，当然这个透明度可以随便调的，同时创建一个login元素，它也使用绝对定位，并将其z-index属性值大于面屏
        
推荐度：

    
    

        
            点击下载本文
            文档为doc格式
        
    

              
        
                

            标签：
                        用JS
                        半透明
                        实例
                    
                
            
            
 
                    

                        
热门焦点