CSS 遮照层的使用

<div id="xiugai" style="width:100%;height:669px; position:absolute; left:0px; top:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color: rgb(10,10,10);">
       <div style="width:100%;text-align:center;margin-top:40px;">写这里
      
       <button οnclick="confirmSubmit();">确定</button>
       <button οnclick="cancel();">取消</button>
       </div>
    </div>

 

 

 

$(function(){
     $("#xiugai").hide();//隐藏
      $("#xiugai").height($(document).height()+"px");
     });

 

$("#xiugai").show();//显示

 

 

大概效果

 

$(document).height() 是真个文档的高 包含了滚动条的滚动区域

 

$(window).height()和body都是获取电脑屏幕的高（在浏览器中）