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

WBOY
Release: 2016-05-16 15:03:02
Original
1660 people have browsed it

今天遇到的问题是,在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的css。

js代码

Copy after login

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;}
Copy after login

html代码

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

个人信息

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

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

静下心来,循序渐进。

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

Related labels:
source:php.cn
Statement of this Website
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
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!