jQuery BlockUI是一種實用的插件,它可以幫助網站開發者在某些情況下彈出自定義的遮罩層。BlockUI遮罩層可以用于防止用戶在正在進行其他操作時對網站進行誤操作,也可以用于在某些需要提示用戶的情況下彈出提示窗口。
然而,在使用BlockUI的過程中,很多網站開發者可能會發現,BlockUI的層級可能會與其他元素發生沖突,導致遮罩層不能正確地顯示。這時,你需要手動設置遮罩層的層級。
//設置遮罩層的層級 $.blockUI({ message: 'Loading...', css: { border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .5, color: '#fff' }, baseZ: 99999 //設置層級為99999 });
在上面的代碼中,我們可以看到baseZ參數,它為BlockUI指定了層級。一般來說,我們可以將層級設置為一個較大的值(如99999),以保證遮罩層覆蓋其他元素。
需要注意的是,由于不同的瀏覽器對CSS的解釋不同,不同瀏覽器下需要設置的baseZ值會有所不同。因此,建議在實際使用中根據實際情況調整baseZ值。
上一篇哈佛大學css中文