<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>