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');