<div style =“位置：固定;宽度：100％;高度：100％;左：0px; top; top; top; tockent-color：backend-color：black; z-index：9999; filter：alpha：alpha（不透明度= 70）;不透明度：0.7; 0.7;“> </div>”> </div>> </div>
z索引必须大于遮罩元素
演示
<！doctype html> <html> <head> <meta charset =“ utf-8”> <title> <title> < /title> < /title> <meta name =“ viewport” content =“ width =” width = device-width，jirtial-cale = 1，最大scale = 1“ /> <meta = 1” /> <meta名称src =“ jquery-1.7.2.2.min.js”> </script> <style type =“ text/css”> ul，ul ul {list-style-type：none;保证金：0;填充：0;宽度：15em; } ul a {display：block;文本介绍：无； } ul li {保证金顶：1px; } ul li a {背景：＃333;颜色：#fff;填充：0.5em; } ul li a：悬停{背景：＃000; } ul li ul li a {背景：#ccc;颜色：＃000;左填充：20px; } ul li ul li a：悬停，ul ul ul .current a {background：#aaa;边界左：5px＃000固体；左填充：15px; } </style> </head> <body> <div id =“ bb”样式=“背景色：红色; display：none; z-index：99999; max-height：79.3％; 79.3％;位置：固定; periface; filter; alpha（opacity = 70）; opacity = 70）; opcity = 70; opcity = 70; opcity：0.7; top：0.7; top：10px; top：10px; top：10px; weft：5px; lew> < <li> <a href =“ javaScript：arter（'你可以做你想要'）;“>老大大</a> <li> <li> <li> <li> <a href =“ javascript：arter（'warr（'你可以做'你想要'>老大二</a> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <a href = <a href =' href =“ javaScript：arter（'你可以做'）;“>老大四</a> <li> </ul> </ul> <li> <li> <li> <a href =“ javascript：arter（'warr（'你可以做你想要'>老二</a> <li> <li> <li> <li> <li> <li> <li> <li> <li> <a href =” href =“”>老四</a> <ul> <li> <a href =“ javascript：arter（'你可以做你想要'）; id =“ aa”>哈哈</button> <div id =“ zz”样式=“ display：note; tosity; position; width; width：100％;高度：100％;左：0px; top：0px; top：0px; tockent-color：backword-color：backend-index; z-index; z-index：1999; filter：alpha：alpha：alpha（opacity = 70）;不透明度：0.7;“> </div> </body> <script type =“ text/javascript”> $（function（）{$（“＃aa”）。click（function（）{$（“＃zz”） $（“＃bb”）。动画（{左：'0px'}）; a“）。单击（function（）{var a = $（this）; var nextObj = a.next（）; if（nextObj.is（ul''））{$（'＃bb ul li ul：cisibil'）。slideup（'normal'）; if n normal'）; if（！nextobj.is（！nextobj.is（！ </script> </html>