栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
复制代码 代码如下:





*{}{margin:0;padding:0;}
html{}{_background:url(about:blank);}
body{}{background:#fff; font: 12px/1.5 Tahoma,Geneva, \5b8b\4f53, sans-serif; height:100%;}
.wrap{}{height:980px; padding-top:20px;text-align:center;}
p{}{font-size:14px;text-align:center;line-height:24px;}

#masklayer{}{
background:#000;
display:none;
filter:alpha(opacity = 50);
opacity:0.5;
top:0;
left:0;
height:100%;
width:100%;
z-index:999;
position:fixed;
_position:absolute;
_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
_top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}

#popup{}{
display:none;
width:300px;
z-index:1000;
left:50%;
top:50%;
position:fixed!important;
margin-left:-150px !important;
_position:absolute;
_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?
documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2:
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.content{}{background:#f3f3f3;border:1px solid #999;}
.content h3{}{background:#a0a0a0;color:#fff;font-size:14px;height:32px;line-height:32px; padding-left:5px;}
#clickbtn{}{margin-top:20px;}





我是正文我是正文我是正文我是正文我是正文我是正文我是正文


我是正文我是正文我是正文我是正文我是正文我是正文我是正文


我是正文我是正文我是正文我是正文我是正文我是正文我是正文


我是正文我是正文我是正文我是正文我是正文我是正文我是正文


我是正文我是正文我是正文我是正文我是正文我是正文我是正文







我是弹出层 有没有居中?

居中居中居中居中居中居中


居中居中居中居中居中


居中居中居中居中


居中居中居中








转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/109029.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号