全局遮罩 shade

使用dom实现全局遮罩和局部遮罩
  //使用dom实现全局遮罩

<title>DOM练习</title>
<script type="text/javascript">
    //4,使用dom实现全局遮罩和局部遮罩
        //使用dom实现全局遮罩
    function shade(){
        var div = document.getElementById("dd");
        div.className = "d";
      
    }
      
</script>
<style type="text/css">
    html,body{
     margin:0px;
     padding:0px;
    }
    .d{
      width:100%;
      height:100%;
      background-color:green;
      position:absolute;
      z-index:999;

       -moz-opacity:0.5;/*Firefox*/
        opacity:0.5;/*Opera*/
        filter:alpha(opacity=50); /*IE*/

    }
</style>
</head>

<body>
    <div id="dd"></div>
    <a href="javascript:shade()">shade全局遮罩</a>

</body>

 

posted @ 2012-08-04 15:19  妍珊  阅读(688)  评论(0)  编辑  收藏  举报