老生常谈遮罩层 滚动条的问题_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代码
静下心来,循序渐进。
以上这篇老生常谈遮罩层 滚动条的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
-
关于页面嵌入swf覆盖div层的问题的解决方法_javascript技巧
-
js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
-
弹出窗口并且此窗口带有半透明的遮罩层效果_javascript技巧
-
js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
-
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)_javascript技巧
-
JS实现遮罩层效果的简单实例_javascript技巧
-
关于页面嵌入swf覆盖div层的问题的解决方法_javascript技巧
-
弹出窗口并且此窗口带有半透明的遮罩层效果_javascript技巧
-
JS实现遮罩层效果的简单实例_javascript技巧
-
通过遮罩层实现浮层DIV登录的js代码_javascript技巧