怎样实现弹出窗口后，后面变成灰色不可操作

Question

现在很多这种效果，我也想做一个，比如说点了注册，弹出一个小窗口，后面的窗口变成灰色并且不可操作，只能操作这个小窗口内容，点了提交后小窗口消失，主窗口又可以操作了，给个文章或者源代码也行

Answer 1

你这个，还是自学一番为好，因为给你代码你还要修改就是用到一下
<input disabled的切换。

Answer 2

<style> 
.black_overlay{ display: none; position: absolute; top: 0%; 
left: 0%; width: 100%;height: 100%; background-color: black; 
z-index:1001; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); 
} 
.white_content { display: none; position: absolute; top: 25%; 
left: 25%; width: 50%;height: 50%; padding: 16px; 
border: 16px solid orange; background-color: white; z-index:1002; 
overflow: auto; 
} 
</style>HTML代码
<p>click <a href = "javascript:void(0)" 
onclick = "document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'">here</a></p> 
<div id="light" class="white_content">模式窗口内容
<a href = "javascript:void(0)" 
onclick = "document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'">Close</a>
<h3>www.865171.cn</h3>
</div> 
<div id="fade" class="black_overlay">
</div> 

Answer 3

就是遮罩层的使用。点击，原先隐藏的注册div就浮动显示，并且它的z-index要高于其他的div层.设置它的透明度和背景色就可以了。也可以用jquery ui dialog 来实现