浏览器遮罩层

咱们在作页面的时候不免会遇到点击以后出现一个弹窗的需求，可是弹窗出来以后发现页面其他部分仍是能够点击，这是咱们就须要一个遮罩层来把页面剩余的部分遮住了，通常咱们都是设置一个标签，而后给标签一个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;        
}