<Div style = "posición: fijo; ancho: 100%; altura: 100%; izquierda: 0px; arriba: 0px; color de fondo: negro; índice z: 9999; filtro: alfa (opacidad = 70); opacidad: 0.7;"> </div>
índice z 必须大于遮罩元素
manifestación
<! DocType html> <html> <fead> <meta charset = "utf-8"> <title> 无标题文档 </title> <meta name = "viewport" content = "width = dispositivo-width, inicial-escale = 1, maximum-escale = 1" /> <meta name = "Apple-Mobile-web-app-apacable" content = "Sí" /> <script type src = "jQuery-1.7.2.min.js"> </script> <style type = "text/css"> ul, ul ul {list-style-type: none; margen: 0; relleno: 0; Ancho: 15em; } ul a {Display: Block; Decoración de texto: ninguna; } ul li {margin-top: 1px; } ul li a {fondo: #333; Color: #fff; relleno: 0.5em; } ul li a: hover {fondo: #000; } ul li ul li a {fondo: #ccc; Color: #000; RODING-LUFE: 20px; } ul li ul li a: hover, ul li ul .Current a {fondo: #AAA; Border-izquierda: 5px #000 sólido; ROLED-LEFUNDA: 15px; } </style> </head> <body> <div id = "bb" style = "Color de fondo: rojo; display: ninguno; Z-Index: 999999; max-highting: 79.3%; posición: fijo; filtro: alfa (opacidad = 70); opacidad: 0.7; superior: 10px; izquierda: 5px;"> <li> <li> <a href = "" " <li> <a href = "javascript: alerta ('puede hacer usted quiere');"> 老大大 </a> <li> <li> <a href = "javaScript: alert ('puede hacer que desee');"> 老大二 </a> <li> <li> <a href = "javascript: alerta ('puede puede hacer');"> 老大三 </ail href = "javascript: alerta ('puede hacer usted');"> 老大四 </a> <li> </ul> <li> <li> <a href = "javascript: alerta ('puede hacer que desee');"> 老二 </a> <li> <li> <a href = "javascript: alerta ('puede hacer'); href="">老四</a> <ul > <li><a href="javascript:alert('you can do you want');">老一</a><li> </ul> <li> </ul> </div> <br> <br> <br> <br> <br> <br> <br> <br><br><br> <br> <br> <button id = "aa"> 哈哈 </boton> <div id = "zz" style = "visualización: ninguna; posición: fijo; ancho: 100%; altura: 100%; izquierda: 0px; superior: 0px; color de fondo: negro; Índice Z: 1999; filtro: alfa (opacidad = 70); Opacidad: 0.7; "> </div> </body> <script type =" text/javascript "> $ (function () {$ ("#aa "). Click (function () {$ ("#zz "). Show (); $ ("#bb "). Show (); $ ("#bb "). Animate ({Left: '100px'});;; $ ("#bb"). Animate ({izquierda: '0px'}); a "). Click (function () {var a = $ (this); var nextobj = a.next (); if (nextObj.is (" ul ")) {$ ('#bb ul li ul: visible'). slideUp ('normal'); if (! nextObj.is (': visible')) {nextobj.slideown ('normal');};};};});});});});} </script> </html>