DIV始终居中的半透明弹出层
来源:互联网 发布:淘宝的逆战刷枪软件 编辑:程序博客网 时间:2024/05/16 11:50
http://www.yicha.net/yicha/code2/code.asp?id=1192
<!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>
<style type="text/css">
<!--
html,body {height:100%; margin:0px; font-size:12px;}
.mydiv {
background-color: #FFCC66;
border: 1px solid #f00;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:999;
width: 300px;
height: 120px;
left:50%;
top:50%;
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
-->
</style>
<script language="javascript" type="text/javascript">
function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('popIframe').style.display='none';
}
</script>
</head>
<body>
<div id="popDiv" class="mydiv" style="display:none;">网页设计大本营欢迎你!<br/>Q群号:29032448<br/>
<a href="javascript:closeDiv()">关闭窗口</a></div>
<div id="bg" class="bg" style="display:none;"></div>
<a href="javascript:showDiv()">点击这里弹出层</a>
<iframe id='popIframe' class='popIframe' frameborder='0' ></iframe>
</body>
</html>
- DIV始终居中的半透明弹出层
- Div+CSS实现始终居中的半透明弹出层
- html DIV始终垂直居中的半透明弹出层特效源代码下载
- DivCSS+JavaScript实现 始终居中的半透明弹出层
- 弹出居中的div层
- DIV 始终居中的代码
- 关于弹出div层居中的问题及解决方法
- 弹出层居中,滚动条滚动始终在屏幕中间
- 弹出div框,始终居中,不随屏幕滚动
- JQuery 弹出窗口,(div显示与隐藏),隐藏层半透明
- 半透明弹出层的CSS写法
- JS弹出居中的DIV
- 让弹出的div居中
- JS弹出居中的DIV
- javascript 弹出层始终居中兼容所有浏览器(浏览器缩小自动居中)
- Ajax弹出半透明层
- 半透明弹出层
- CSS实现半透明div层的方法
- Meta 标签介绍及部分用法说明(摘取百度百科)
- 英语学习 我看到了曙光
- 产品定位
- Android中启动另外一个Activity
- HOWTO:VCRedist.exe安装后在系统根目录留下临时文件未被清除的解决办法
- DIV始终居中的半透明弹出层
- 译言网、东西网创始人赵嘉敏访谈
- 马云:互联网不能只有百度、腾讯、阿里
- 陈灯可重用代码段管理器桌面版2.0发布
- 6 Stages of Linux Boot Process (Startup Sequence)
- 派生类指针方法获取基类的函数
- jackson基本使用库
- MAPGIS 环境设置
- SimpleDateFormat的常用方法说明