Question

js或者jquery实现页面中的一个div全屏

Answer 1

1、引入外部jquery文件
比如：

<script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>

2、点击按钮时的JQuery代码

$(document).ready(function () {
 $("#go").click(function () {       
 /*属性*/       
 $("#go2").css({ "position": "absolute", "text-align": "center", "top": "0px", "left": "0px", "right": "0px", "bottom": "0px", "background": "red", "visibility": "visible", "filter": "Alpha(opacity=90)"
 });       
 /*高为屏幕的高*/       
 $("#go2").css({           
     height: function () {           
         return $(document).height();       
     },           
     width:"100%"        
 });    
});
});

3、html页面代码
 

<asp:Button ID="go" runat="server" Style="width: 380px; position: absolute; top: 249px;left: 425px; background-color: Green; height: 65px;" Text="后台执行程序，前台遮盖，运行完毕后自动消失" />
<div id="go2">
 正在提交数据...
</div>

Answer 2

body设置成margin:0px; padding:0px; div设置成width,height:100%; position:absolute; z-index:1000; opacity:0.5; background:#000; display:none,这是CSS样式，调出来用div.style.display="block"呗

追问

我不想有工具栏的那种

追答

IE应该可以，别的不知道

Answer 3

Answer 4

长宽都设置成100%