欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

老生常谈遮罩层 滚动条的问题_javascript技巧

程序员文章站 2022-03-21 12:13:25
...
今天遇到的问题是,在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的css。

js代码


css代码

#fullbg{ 

background-color: Gray; 

display:none; 

z-index:3; 

left:0px; 

opacity:0.5; top:0; left:0;height:100%; width:100%; z-index:999; position:fixed; _position:absolute; _left: expression_r(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression_r(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);

filter:Alpha(Opacity=30); 

opacity: 0.3; 

} 




#dialog { 

width:560px; 

background:#eee; 

display: none; 

z-index: 5; 

padding:16px;

font-size:12px;

z-index:1000; position:absolute;

}

#dialog sup{ color:#f00;}

#dialog .close0{ position:relative; top:-24px; left:544px; height:38px; width:40px;}

html代码

 

 

 

老生常谈遮罩层 滚动条的问题_javascript技巧

个人信息

(备注:以下信息我们只用于根据需要给您发送相关服务材料,不会对外泄密,敬请理解)

*用户ID {$member.MEMBER_NAME} *真实姓名 {$info.NAMES} 性别 echo $gender[$info['GENDER']];
*手机号码 {$info.TELEPHONE} 电子邮箱 {$member.EMAIL}
*有效证件(身份证) {$info.IDS}
通讯地址 {$info.ADDRESS} 邮编 {$info.ZIPS}

静下心来,循序渐进。

以上这篇老生常谈遮罩层 滚动条的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关标签: 遮罩层 滚动条