jquery - 弹出对话框背景100%高度

Question

我正在研究 onClick 对话框弹出窗口功能。我有 200 x 200 像素的弹出窗口。onClick 按钮打开了框，现在我希望框后面的内容应该是不可点击的，我已经完成了，但问题是它不能覆盖整个页面，因为它只禁用了屏幕区域和我希望它应该覆盖整个页面。

Answer 1

您可以做的是包含您希望在 div 中不可点击的所有其他内容。给出 body 和 divz-index:0;并单击给出 div z-index:-1;，这将使 div 低于 body 并且 div 内的所有内容都将无法点击。

CSS：

body{z-index:0;}
#MainDiv{z-index:0;}

将此行添加到您的函数中

document.getElementById("MainDiv").style.zIndex="-1";