用层覆盖整个页面
来源:互联网 发布:樟坑网络 编辑:程序博客网 时间:2024/05/17 22:15
源代码来源:http://www.cnblogs.com/qqflying/archive/2008/02/16/1070799.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用层覆盖整个页面</title>
<script language="javascript">
function test(){
//弹出层
document.getElementById("divWaiting").style.display="";
//覆盖整个页面
document.getElementById("divDisable").style.display = "";
}
</script>
</head>
<body>
<%--我需要的覆盖整个页面的层--%>
<div id="MydivDisable" style="display: none; z-index:1; position: absolute;
width:expression(document.body.offsetWidth); height:expression(document.body.offsetHeight);
left: 0px; top: 0px;filter:alpha(opacity=50); background-color:White"> </div>
<%--我需要的弹出的层--%>
<div id="MydivWaiting" style="border:0px;display:none; z-index: 1100; position: absolute;">
<table>
<tr>
<td>弹出来的层哦!</td>
</tr>
</table>
</div>
<%--源代码如下:--%>
<%--弹出DIV--%>
<div id="divWaiting" style="display: none; z-index: 1100; left: 25%; right: 25%; position: absolute;
text-align: center; width: 50%; height: 50px; border-right: #009900 1px solid;
border-top: #009900 1px solid; border-left: #009900 1px solid; border-bottom: #009900 1px solid;
background-color: #f9fff6; left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);"> <br>
The system is dealing with your request, please waiting </div>
<%--弄一个全屏的DIV来覆盖页面--%>
<div id="divDisable" style="display: none;width:expression(document.body.offsetWidth);height:expression(document.body.offsetHeight); z-index: 1000; position: absolute;left: 0px; top: 0px;filter:alpha(opacity=50); background-color:White"></div>
<input type="button" value="运行" name="test" id="test" onclick="test();"/>
</body>
</html>
- 用层覆盖整个页面
- 覆盖整个页面的div
- 弹出透明层,覆盖整个浏览器,页面元素的相对可视范围的不动
- 如何让div覆盖整个页面?
- 解决遮罩层不能覆盖整个页面问题
- 获取滚动条位置使遮蔽罩始终覆盖整个页面
- iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
- 关于页面嵌入swf覆盖div层的问题
- Flash 视频嵌入页面中 覆盖其他层解决办法
- 【iframe框,全局跳转】从iframe中跳转,覆盖整个页面
- 逻辑思路实现弹出框背景颜色覆盖整个页面小细节
- 用iframe 引入整个html页面
- 加载图片覆盖整个窗口
- 设置DrawableLayout覆盖整个屏幕
- JPG图片覆盖整个A4
- jQuery UI Datepicker 一个案例(弹出div层,悬浮整个页面)
- div填充整个页面
- 图片铺满整个页面
- CCNA考试题库中英文翻译版及答案17
- 更改tomcat6.0主目录
- C# 获取Geodatabase个人数据库中要素类
- 电机车安全监控管理系统 4.7.46 电机车监控系统
- ASP.NET常用的三十三种实用代码
- 用层覆盖整个页面
- HOW TO:利用 Visual C# .NET 使 Word 自动新建文档
- 让CSS兼容IE和Firefox的技巧集合
- 通过SQL定时分析表监控Unix系统性能
- SET ANSI_NULLS ON SET QUOTED_IDENTIFIER ON
- sap货物移动相关的bapi(MIGO/MB1A)
- 流水号生成存储过程
- c#操作EXCEL文件(zhuan)
- .net反编译工具Reflector下载