遮层效果，兼容各种浏览器ie6--ie9，火狐，谷歌，360都ok

最新推荐文章于 2023-10-09 15:52:41 发布

jbx_jiebaixue

最新推荐文章于 2023-10-09 15:52:41 发布

阅读量571

点赞数

分类专栏：随笔

随笔专栏收录该内容

25 篇文章 0 订阅

订阅专栏

CSS样式：

.overlay{position: fixed; z-index: 100000;width: 100%;height: 100%;top: 0;left: 0;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;background-color: #000;}

*html { background:url(*) fixed; }

*html body { margin:0; height:100%; }

*html .overlay{ position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }

DIV代码：

<a href="#" οnclick="document.getElementById('overlay').style.display='block'">点击显示遮层</a>