Home>Article>Web Front-end> 老生常谈遮罩层 滚动条的问题_javascript技巧

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

WBOY
WBOY Original
2016-05-16 15:03:02 1663browse

今天遇到的问题是,在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的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}

静下心来,循序渐进。

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn