类似Dialog的Layer

我们可以看到一些网页上点击某个按钮以后出现一个层将所有的版面的覆盖，下面的东西就没有办法操作了。

最近学习了一下，应该说还是挺简单的。

网上也能找到类似的文章，可能写的比我好多了，呵呵，我只是为了记录一下而已。

 

 

< html >
< head >
< style  type ="text/css" > ... ...
.shown {...}{
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: white;
  filter: alpha(opacity = 60);
  opacity: 0.6;
  position: absolute;
}
</ style >
< script  language ="javascript" > ... ...
<!--
function call() ...{
  var layer = document.getElementById("full");
  layer.className = "shown";
}
//-->
</ script >
</ head >
< body >
< div  id ="full" ></ div >
< input  type ="button"  value ="call a layer"  onclick ="call();" >
</ body >
</ html >