Bob SpAce

Be myself!Do myself!

兼容IE6、7、8和火狐的遮罩层效果实现

Written By bob
.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); }
遮罩层HTML代码:

<div id="overlay" class="overlay" style="display:none"></div>

将上述代码添加到页面中,通过js函数控制“overlay”层的显示和隐藏来实现遮罩效果

打赏 分享
取消

如果您觉得我的文章对您有所帮助,欢迎您打赏一点咖啡钱~

扫码支持
您的打赏是我的动力!

打开支付宝扫一扫,即可进行扫码打赏哦~

Comments are closed.