局部遮罩 shade（二）
生活随笔
收集整理的這篇文章主要介紹了
局部遮罩 shade（二）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
其實它和全局遮罩是一樣的思想，只不過就要用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;/*使子元素的坐標(biāo)以父元素的左上角坐標(biāo)為遠(yuǎn)點(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>?
轉(zhuǎn)載于:https://www.cnblogs.com/QLJ1314/archive/2012/08/04/dom-shade.html
總結(jié)
以上是生活随笔為你收集整理的局部遮罩 shade（二）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IDEA：No SLF4J provid
- 下一篇： localStorage存、取数组