弹出对话框背景100％高度

Question

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

Answer 1

您可以做的是包含您希望在div中无法点击的所有其他内容。给出body和div z-index:0;，然后单击给出div z-index:-1;，这将使div移到body下方，div内的所有内容都将无法点击。

CSS：

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

将此行添加到您的功能

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