使用CSS+JavaScript或純js實現(xiàn)半透明遮罩效果的實例分享_javascript技巧

純JavaScript：

實現(xiàn)效果：彈出一個窗口的時候，窗口后面的頁面變暗，并且不能操作。
難點：因為div層是不能把select控件遮住的，所以要特殊處理，方法兩種，一種是在彈出窗口下面加一層iframe來遮住select；第二種是所以要在彈出的時候，先把select控件隱藏，這里選擇第二種方法。
實現(xiàn)原理：在頁面上和彈出窗口中間加一個半透明的層，把頁面的內(nèi)容覆蓋掉 。
代碼：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
    

    

    

        
使用CSS+JavaScript或純js實現(xiàn)半透明遮罩效果的實例分享_javascript技巧
        
使用CSS+JavaScript或純js實現(xiàn)半透明遮罩效果的實例分享_javascript技巧:CSS+JavaScript 實現(xiàn)原理: 創(chuàng)建一個滿屏的div，使用絕對定位，這樣的話它就可以脫離文檔流，對其他的元素不會產(chǎn)生影響，并且將其設(shè)置為半透明狀態(tài)，當(dāng)然這個透明度可以隨便調(diào)的，同時創(chuàng)建一個login元素，它也使用絕對定位，并將其z-index屬性值大于面屏
        
推薦度：

    
    

        
            點擊下載本文
            文檔為doc格式
        
    

              
        
                

            標(biāo)簽：
                        用JS
                        半透明
                        實例
                    
                
            
            
 
                    

                        
熱門焦點