怎么实现新浪博客中弹出登陆DIV时，页面中其他部分变成灰色并且不可点击

以前在网上看到过的一个,至少其它按扭不可点击你自己再写个函数把属性设为不可用就可以了
不过记得在点取消时要设回来哦
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>模拟注销</title> 
<style> 
 body{margin:0;padding:0;} 
 #topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5;width:100%;} 
 #alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666} 
 #alertTitle{height:20px;background-color:#0000ff;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D} 
 #alertContent{padding:42px 0;;text-align:center;} 
 #alertBtn{text-align:center;} 
  #alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;} 
</style> 
<script type="text/javascript" > 
//document.documentElement.clientHeight+'px' 
//  onload的时候声明对象 
var obj = new Object; 
function oload(){ 
 obj = document.getElementById('topFill'); 
 obj.style.display = 'none'; 
} function cl(){ 
 document.body.style.overflow = 'hidden'; 
 document.body.style.height = document.documentElement.clientHeight + 'px'; 
 obj.style.display = 'block'; 
 obj.style.height = document.documentElement.clientHeight + 'px'; 
} 
function bcl(){ 
 document.body.style.overflow = ''; 
 obj.style.display = 'none'; 
} 
function oresize(){ 
 if(obj.style.display != 'block'){ 
   
 }else{ 
  cl(); 
 } 
} 
function isno(str){ 
 if (str == 'yes'){ 
  window.close(); 
 }else { 
  bcl(); 
 } 
} 
</script> 
</head> <body onload="oload()" onresize="oresize()"> 
<div id="topFill"> 
 <div id="alertBox"> 
  <div id="alertTitle">警告</div> 
  <div id="alertContent">退出?</div> 
  <div id="alertBtn"><input type="button" value="是(Y)" onclick="isno('yes')" /><input type="button" value="否(N)" onclick="isno('no')" /></div> 
 </div> 
</div> 
<input type="text" id="textaaa" /> 
<input type="button" value="注销" onclick="cl()"/> 
<br><br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />sssdfdf
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
<br /><br /><Br /><br /><br /><BR /><br /><br /><Br /><br /><br /><BR />
111111111111111111111111111111111111111111111111111111111111111111111
</body> 
</html>

解决方案 »

  1.   

    楼上的半透明层可以实现。
    须注意IE6下面select控件的问题。
      

  2.   

    用一个半透明的层和一个透明的框架（如3楼所说避免select档住），这两个层显示前最后先取当前页面的总宽度和总高度，至于说还要档住滚动条的话，这个层估计要在当前页面的parent中的层，这样可以档住滚动条。又或者用popup来实现。
      

  3.   

    半透明层
    document.getElementById("xxxx").style.display = "none";//or "block"控制显隐
      

  4.   

    谢谢 魂之利刃  的源码  问题解决
    不过SELECT 的问题我还没完全理解怎么加透明框架
    自己再慢慢研究吧 结贴了
      

  5.   

    在ASP.NET中想让服务器的控件也不可点击，怎么办呢？