一个不错的遮罩层效果，兼容多浏览器(IE6/7/8)、firefox火狐浏览器。
1，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); }
2，遮罩层代码：
复制代码 代码示例:
<div id="overlay" class="overlay" style="display:none"></div>
添加以上代码到页面中，通过js函数控制“overlay”层的显示与隐藏来，以实现遮罩效果。
