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