我正在使用JSP/HTML开发一个网页,我必须在按钮单击事件上禁用/"灰屏"整个网页,以便最终用户在禁用之前无法访问网页中的其他元素.
我怎么能做到这一点？
KBN*_*KBN 14
CSS:
#cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.80;
background: #aaa;
z-index: 10;
display: none;
}
HTML:
<body>
<div id="wrap">
// your normal contents here
</div>
<div id="cover"> </div>
</body>
jquery:
//trigger on whatever event required.
$("#cover").fadeIn(100);
alert("something");
$("#cover").fadeOut(100); //after done.