<div style = "Положение: фиксированная; ширина: 100%; высота: 100%; слева: 0px; top: 0px; фоновый цвет: черный; z-index: 9999; фильтр: альфа (непрозрачность = 70); непрозрачность: 0,7;"> </div>
Z-Index 必须大于遮罩元素
демо
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <script type="text/javascript" src = "jquery-1.7.2.min.js"> </script> <style type = "text/css"> ul, ul ul {list-style-type: none; поля: 0; Заполнение: 0; Ширина: 15ем; } ul a {display: block; Текстовое декорация: нет; } ul li {margin-top: 1px; } ul li a {founale: #333; Цвет: #fff; Заполнение: 0,5 эм; } ul li a: Hover {founale: #000; } ul li ul li a {founale: #ccc; Цвет: #000; Лебь накладки: 20px; } ul li ul li a: hover, ul li ul .current a {founale: #aaa; Слево с границы: 5px #000 твердые; Лебь набивки: 15px; } </style> </head> <body> <div id = "bb" style = "фоновый цвет: красный; дисплей: нет; z-index: 99999; max-height: 79,3%; положение: фиксированное; фильтр: альфа (непрозрачность = 70); непрозрачность: 0,7; Top: 10px; слева: 5px;"> <ul> <li> <ahre> <a href = "hre? <li> <a href = "javascript: alert ('вы можете делать, если вы хотите');"> 老大大 </a> <li> <li> <a href = "javascript: alert (« Вы можете делать, вы хотите '); "> 老大二 </a> <li> <li> <a href =" javascript: alert (' вы можете, что вы хотите '); <a href = "javaScript: alert ('вы можете делать, вы хотите');"> 老大四 </a> <li> </ul> <li> <li> <a href = "javaScript: alert (« Вы можете сделать »);"> 老二 </a> <li> <li> <a href = "javascript: alert (alert you, вы можете? <li> <a href = ""> 老四 </a> <ul> <li> <a href = "javascript: alert ('Вы можете сделать это');"> 老一 </a> <li> </ul> <li> </ul> </div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> id = "aa"> 哈哈 </button> <div id = "zz" style = "Дисплей: нет; позиция: фиксированная; ширина: 100%; высота: 100%; слева: 0px; вверху: 0px; фоновый цвет: черный; z-index: 1999; filter: alpha (непрозрачность = 70); Непрозрачность: 0,7; "> </div> </body> <script type =" text/javascript "> $ (function () {$ ("#aa "). Click (function () {$ ("#zz "). Show (); $ ("#bb "). Show (); $ ("#BB"). Animate ({Left: '0px'}); a "). Click (function () {var a = $ (this); var nextObj = a.next (); if (nextobj.is (" ul ")) {$ ('#bb ul li ul: visible'). slideup ('нормальный'); if (! nextobj.is (': visible') {nextobj.slidown ('нормальный');); </script> </html>