全局遮罩 shade

最新推荐文章于 2024-01-08 11:22:35 发布

weixin_30797199

最新推荐文章于 2024-01-08 11:22:35 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/QLJ1314/archive/2012/08/04/dom_shade.html

版权

使用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>