如何彈出遮罩層遮蔽頁面所有操作

2021-08-30 10:37:08 字數 349 閱讀 8320

這次專案中需要使用在彈出視窗時使用遮罩層來遮蔽頁面上其他的操作,所以參考資料寫了乙個可復用的:

brmms = {},brmms.backdiv = {};

/**彈出乙個底部的層遮住頁面,禁止使用者進行當前層外的其他操作

*/brmms.backdiv.popbackdiv=function()

/**去掉底部的層

*/brmms.backdiv.delbackdiv=function();

} /**將底部的層設定為當前頁面大小

*/brmms.backdiv.resizebackdiv=function()

}

css彈出遮罩層

說明 需要jquery支援,支援ie8 googlechrome,firefox,話不多說,上 html type button onclick showmaskshadow value 彈出遮罩層 class bgdiv div class contentdiv type button oncli...

css彈出層 遮蔽背景頁面 相容fiefox

3的瀏覽器 ff 1.5也支援 opacity 0.70 filter progid dximagetransform.microsoft.alpha style 0,opacity 70,finishopacity 100 width e xpression documentelement.cli...

遮罩層 彈框 頁面滾動

第一種情況比較簡單,彈框和頁面都不可滾動 mask boxvar obtn document.getelementbyid btn omask document.getelementbyid mask obox document.getelementbyid box oclose document....