其实它和全局遮罩是一样的思想，只不过就要用position了
<script type="text/javascript">function shade(){var p = document.getElementById("shade");p.className = "d";p.style.display = "block";}function shadeDisplay(){var p = document.getElementById("shade");p.style.display = "none";} </script> <style type="text/css">#s{width:600px;height:500px;margin:0px auto;z-index:999;position:relative;/*使子元素的坐标以父元素的左上角坐标为远点(0,0)*/border:1px solid #000;}.d{width:600px;height:500px;position:absolute;left:0px;top:0px;background-color:green;-moz-opacity:0.5;/*Firefox*/opacity:0.5;/*Opera*/filter:alpha(opacity=50); /*IE*/} </style> </head><body><div id="s"><a href="javascript:shade()">shade局部遮罩</a><div id="shade"></div></div><a href="javascript:shadeDisplay()">shade遮罩消失</a> </body>
![[html] 移动端如何禁止用户手动缩放页面？](http://pic.xiahunao.cn/[html] 移动端如何禁止用户手动缩放页面？)
![[html] HTML5的video怎样预加载（支持全量加载）？](http://pic.xiahunao.cn/[html] HTML5的video怎样预加载（支持全量加载）？)
![[html] 列举几种多列等高布局的方法](http://pic.xiahunao.cn/[html] 列举几种多列等高布局的方法)
![[html] 列举几种瀑布流布局的方法](http://pic.xiahunao.cn/[html] 列举几种瀑布流布局的方法)
![[html] 什么是表单域？它有哪些运用场景？](http://pic.xiahunao.cn/[html] 什么是表单域？它有哪些运用场景？)
-训练调参中的准确率和召回率)
![[html] 如何禁止input输入的历史记录](http://pic.xiahunao.cn/[html] 如何禁止input输入的历史记录)
![[html] html如何创建图片热区（img usemap）？](http://pic.xiahunao.cn/[html] html如何创建图片热区（img usemap）？)