<div style = "Posição: fixo; largura: 100%; altura: 100%; esquerda: 0px; topo: 0px; cor de fundo: preto; z-index: 9999; filtro: alfa (opacidade = 70); opacidade: 0.7;"> </div>
Z-Index 必须大于遮罩元素
demonstração
<! doctype html> <html> <head> <meta charset = "utf-8"> <titter> 无标题文档 </title> <meta name = "viewport" content = "width = dispositivo de dispositivo, sfltthing = 1 sflings = 1, sflings-scale", slactable "tipling" tipling "tipling" sfliPt = 1, slacting "tipling" tipling "tipling" tipling "sfling" sfling "sfling" tiplt = sflt) src = "jQuery-1.7.2.min.js"> </script> <style type = "text/css"> ul, ul ul {tyle-tyle-tipo: nenhum; margem: 0; preenchimento: 0; largura: 15em; } ul A {Display: Block; Decoração de texto: Nenhum; } ul li {margin-top: 1px; } ul li a {background: #333; Cor: #FFF; preenchimento: 0.5em; } ul li a: hover {background: #000; } ul li ul li a {background: #ccc; Cor: #000; Potding-Left: 20px; } ul li ul li a: mouse, ul li ul. Border-Ift: 5px #000 sólido; preenchimento-esquerda: 15px; } </style> </head> <body> <div id="bb" style="background-color: red;display:none;z-index: 99999; max-height:79.3%; position: fixed; filter: alpha(opacity=70); Opacity:0.7; top: 10px; left:5px;"> <ul> <li> <a href="">老大</a> <ul> <li> <a href = "javascript: alert ('você pode fazer');"> 老大大 </a> <li> <li> <a href = "javascript: alert ('você pode fazer'); <a href = "javascript: alert ('você pode fazer');"> 老大四 </a> <li> </ul> <li> <li> <a href = "javascript: alert ('você pode fazer'); <li> <a href = ""> 老四 </a> <ul> <li> <a href = "javascript: alert ('você pode fazer'); id = "aa"> 哈哈 </button> <div id = "zz" style = "display: nenhuma; posição: corrigida; largura: 100%; altura: 100%; esquerda: 0px; topo: 0px; cor de fundo: preto; z-index: 1999; filtro: alfa (opacidade = 70); Opacidade: 0.7; "> </div> </body> <script type =" text/javascript "> $ (function () {$ ("#aa "). Clique (function () {$ ("#zz "). Show (); $ ("#bb "). Show (); $ ("#bb "). #bb ") a "). Clique (function () {var a = $ (this); var nextObj = a.next (); if (nextObj.is (" ul ")) {$ ('#bb ul li ul: visible'). slide ('normal'); if (! nextObj.is (': visible')) {nextObj.slidedwn '); </script> </html>