jsp html 页面添加遮挡不可点击

给一个页面添加一个遮挡，这里的方法为做一个和页面大小相同的半透明div,初始时将其设置为隐藏，当需要时使用js将其设置为可见即可，将其z-index 调到大于原来页面，如果需要做一个弹出框可编辑而原页面不可编辑时，只需要在这个遮挡div上在做一个div就可以了，这里只做一个遮挡页面

html代码

<div class="hidden_div" id="hiddenDivId"></div>

css样式

.hidden_div {
	margin: 0; 
	position: fixed; 
	overflow: auto; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	z-index: 999; 
	outline: 0; 
	opacity: 0.5; 
	background: #000;
	display:none; 
}

需要展示时，将其显示，js代码如下

$('#id').css('display', 'block');