我们在做页面的时候难免会遇到点击之后出现一个弹窗的需求，但是弹窗出来之后发现页面其余部分还是可以点击，这是我们就需要一个遮罩层来把页面剩余的部分遮住了，一般我们都是设置一个标签，然后给标签一个class，代码如下：
html代码： <div class="box"></div> css代码： .box{ position: fixed; width:100%; height:100%; top:0; left:0; background-color:black; opacity:0.6; z-index:100; filter:alpha(opacity=30); display:none; }
原文：http://www.cnblogs.com/daikefeng/p/7000969.html