<div style = "Posisi: diperbaiki; lebar: 100%; tinggi: 100%; kiri: 0px; atas: 0px; latar belakang-warna: hitam; z-indeks: 9999; filter: alpha (opacity = 70); opacity: 0.7;"> </div>
z-index 必须大于遮罩元素
demo
<!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 {daftar-style-type: none; Margin: 0; Padding: 0; Lebar: 15em; } ul a {display: block; Dekorasi Teks: Tidak Ada; } ul li {margin-top: 1px; } ul li a {latar belakang: #333; Warna: #fff; padding: 0.5em; } ul li a: hover {latar belakang: #000; } ul li li a {latar belakang: #ccc; Warna: #000; Padding-left: 20px; } Ul li ul li a: hover, ul li ul .current a {background: #aaa; Border-left: 5px #000 solid; Padding-left: 15px; } </tyle> </head> <body> <div id = "bb" style = "latar belakang-kolor: merah; tampilan: tidak ada; z-index: 99999; max-height: 79,3%; posisi: diperbaiki; filter: alpha (opacity = 70); opacity: 0.7; Top: 10px; kiri: 5px;"> <uL> <li = li = li = 10px; Kiri: 5px; "> <uL> <li = li = 10px; li = 5px; 5px;"> <uL> <lier> <li = " <a href = "JavaScript: waspada ('Anda dapat melakukannya');"> 老大大 </a> <li> <li> <a href = "javascript: waspada ('Anda bisa melakukannya');"> </a> <li> <li> <a href = "Javascript: waspada ('Anda dapat lakukan Anda yang bisa lakukan.' href = "JavaScript: waspada ('Anda dapat melakukannya');"> 老大四 </a> <li> </ul> <li> <li> <a href = "javascript: waspada ('Anda bisa melakukannya Anda ingin') <> </a> <li> <li> <a href =" javascript: 'Anda (li> Anda; 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"> 哈哈 </tombol> <div id = "zz" style = "display: tidak ada; posisi: diperbaiki; lebar: 100%; tinggi: 100%; kiri: 0px; atas: 0px; latar belakang-warna: hitam; z-indeks: 1999; filter: alpha (opacity = 70); Opacity: 0.7; "> </div> </body> <script type =" text/javascript "> $ (function () {$ ("#aa "). Klik (function () {$ ("#zz "). Show (); $ ("#bb "). Tampilkan (); $ ("#bb "). Animate (oMate: '). $ (#bb "). Animate ({Left: '0px'}); A "). Klik (function () {var a = $ (this); var nextObj = a.next (); if (nextObj.is (" ul ")) {$ ('#bb ul li: visible'). slideup ('normal'); if (! nextObj.is (': visible')) {nextObj. (if nextObj.is ('; </script> </html>