今天看了下javascript的遮罩效果，原来一直想不通，还以为css哪个属性可以设置属性让层来实现遮罩，今天网上搜索了一个例子看了下，原来是这样的

先看代码：

function boxAlpha() {
      var showBox=document.getElementById("showBox");
      var bgalpaha = document.getElementById("alphaBox");
      var content = document.getElementById("content");
      if(showBox.style.display == "none") {
          showBox.style.display = "block";
          showBox.style.height = document.documentElement.scrollHeight;
          bgalpaha.style.height= document.documentElement.scrollHeight+"px";
          if (navigator.appName == "Microsoft Internet Explorer") 
                  bgalpaha.style.width = document.documentElement.scrollWidth + "px";
          else 
              bgalpaha.style.width = document.documentElement.scrollWidth + "px";
      //      alert(document.documentElement.scrollHeight);
          }
      else
          showBox.style.display = "none";
      }

发现其实并不是那样的，遮罩原理是将某一个层得大小定义为页面的大小，然后再设置其背景的透明度，原理就是这！