瀏覽器遮罩層

咱們在作頁面的時候不免會遇到點擊以後出現一個彈窗的需求，可是彈窗出來以後發現頁面其他部分仍是能夠點擊，這是咱們就須要一個遮罩層來把頁面剩餘的部分遮住了，通常咱們都是設置一個標籤，而後給標籤一個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;        
}