遮罩层整理

css部分：

#bg{ display: none;  position: absolute;  top: 0%;  left: 0%;  
		width: 100%;  height: 100%;  background-color: black;  z-index:1001; 
		-moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);}
	#show{display: none;  position: absolute;  top: 25%;  left: 22%;  
	   	width: 680px;  height: 380px;  padding: 8px;  border: 8px solid #E8E9F7;  
	   	background-color: white;  z-index:1002;  overflow: auto;}

js部分：

//遮罩层
		function showdiv() {   
			document.getElementById("bg").style.display ="block";
            document.getElementById("show").style.display ="block";
			//$("#bg").css("display","block");
			//$("#show").css("display","block");
        }
		function hidediv() {
			document.getElementById("bg").style.display ='none';
            document.getElementById("show").style.display ='none';
			//$("#bg").css("display","none");
			//$("#show").css("display","none");
        }

html部分：

<!-- 遮罩层 -->
	 <div id="bg"></div>
	 <div id="show" class="alert alert-success" role="alert">

	 </div>

转载于:https://my.oschina.net/u/1992476/blog/1248218