html 弹出层

.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 100%; 
background-color: gray; 
z-index:1001; 
-moz-opacity: 0.8; 
opacity:.80;  
} 
.white_content { 
display: none; 
position: absolute; 
top: 25%; 
left: 10%; 
width: 80%; 
height: 40%; 
background-color: white; 
z-index:1002; 
overflow: auto; 

} 

<div id="light" class="white_content">这是一个层窗口示例程序. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口</a></div>
<div id="fade" class="black_overlay"></div>     

$("#toolbar").click(function(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
});