經常遇到要彈出一個懸浮層，鼠標的事件只能在本層上有效，底層會失效。能用的做 法是在懸浮層和底層之間在加一個遮蓋層，遮蓋住整個瀏覽器，這樣就不能點擊底層的任何東西了。
遮蓋層的定義：

var w = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px"; //獲取寬
var h = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"; //獲取高
//定義一個透明背景層
var gb = $("<div/>").attr("id","gb")
?????? .css({top:"0",left:"0",zIndex:"2",position:"absolute",filter:"alpha(opacity=0)",background:"#fff"})
?????? .css("width",w).css("height",h)
??????
其實說明最主要還是說明一下背景層的CSS定義。首先要使top和left有效，就要設置 position:absolute。filter:"alpha(opacity=0)設置透明度，數值0-100，0表示完全透明，100表示不透明。background設置背景層的顏色。zIndex的值只要比底層的高，比彈出層的低就行了。（zIndex的值越大表示越在上層）。好了，基本就是這樣吧！

轉載于:https://www.cnblogs.com/top5/archive/2010/02/23/1671735.html

總結

以上是生活随笔為你收集整理的锁定弹出层（jquery语法）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。