Jquery 如何在JavaScript警报事件中禁用整个HTML页面？_Jquery_Css

Jquery 如何在JavaScript警报事件中禁用整个HTML页面？

jquery css

Jquery 如何在JavaScript警报事件中禁用整个HTML页面？,jquery,css,Jquery,Css,我正在用JSP/HTML开发一个网页，在这个网页中，我必须在按钮单击事件中禁用整个网页的“灰色屏幕”，这样最终用户才能访问网页中的其他元素，直到它被禁用如何实现这一点？如果您可以使用JQuery，并且需要在灰色区域顶部进行一些用户输入，请尝试，并将其设置为CSS: #封面{ 位置：绝对位置；排名：0；左：0；右：0；底部：0；不透明度：0.80；背景：#aaa； z指数：10；显示：无； } HTML: <body> <div id="wrap"> /

我正在用JSP/HTML开发一个网页，在这个网页中，我必须在按钮单击事件中禁用整个网页的“灰色屏幕”，这样最终用户才能访问网页中的其他元素，直到它被禁用

如何实现这一点？

如果您可以使用JQuery，并且需要在灰色区域顶部进行一些用户输入，请尝试，并将其设置为CSS:

#封面{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
不透明度：0.80；
背景：#aaa；
z指数：10；
显示：无；
}

HTML:

<body>
<div id="wrap">
 // your normal contents here
</div>
<div id="cover"> </div>
</body>

基本技巧是在所有东西的顶部添加一个100%宽度和高度的div

$('body').append('<div class="cover"/>').css({
    position: 'absolute',
    height: '100%',
    width: '100%',
    zIndex: '999'
});

$（'body'）.append（''）.css({
位置：'绝对'，
高度：“100%”，
宽度：“100%”，
zIndex:'999'
});

然后使您的模态窗口

z-index:1000

您可以使用插件

这很简单。

有很多方法可以实现这一点。。但是我遇到的最简单的一个是使用div标记以覆盖页面，然后在事件完成时将其删除

$('body').append('<div id="over" style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>');

你是说像模态的东西吗？上面的一层。示例：使用colorbox，但这不会阻止键盘。您仍然可以使用Tab&Enter键单击按钮。

$('body').append('<div id="over" style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>');

$("#over").remove();