全局遮罩(1)

最新推荐文章于 2024-09-11 15:33:18 发布

dfgd8989

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量114

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zyh-bg/archive/2012/08/08/2629104.html

版权

局部遮罩完，当然还可以全部遮罩，这样整个页面就像处于锁定状态，就不怕因为一时失手而重复操作了~~

实现全局遮罩

 1 <script type="text/javascript">
 2     function shade(){
 3       var div = document.getElementById("shade");
 4       div.className = "a";
 5     }
 6 </script>
 7 <style type="text/css">
 8    html,body{
 9     margin:0px;
10     padding:0px;
11   }
12   .a{
13        z-index:999;
14        width:100%;
15        height:100%;
16        background-color:blue;
17        -moz-opacity:0.5;/*Firefox*/
18        opacity:0.5;/*Opera*/
19        filter:alpha(opacity=50); /*IE*/
20        position:absolute;
21        top:0px;
22        left:0px;
23     }
24 </style>
25 </head>
26 <body bgcolor= "pink">
27 <a href= "javascript:shade()">实现全局遮罩</a>
28 <a href= "#">无法链接</a>
29 <div id= "shade"></div>
30 </body>
31 </html>