<div style = "الموضع: ثابت ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛ اليسار: 0px ؛ الأعلى: 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 = width device ، inial-scale = 1 ، maximum-scale = 1" /> <meta name = "Apple-mobile-web-cap-" src = "jquery-1.7.2.min.js"> </script> <style type = "text/css"> ul ، ul {style-style-type: none ؛ الهامش: 0 ؛ الحشو: 0 ؛ العرض: 15em ؛ } ul a {display: block ؛ تدمير النص: لا شيء ؛ } ul li {margin-top: 1px ؛ } ul li a {background: #333 ؛ اللون: #fff ؛ الحشو: 0.5em ؛ } ul li a: hover {background: #000 ؛ } ul li ul li a {background: #ccc ؛ اللون: #000 ؛ حشو اليسار: 20 بكسل ؛ } ul li ul li a: hover ، ul li ul. current a {background: #AAA ؛ الحدود اليسرى: 5px #000 الصلبة ؛ حشو اليسار: 15 بكسل ؛ } </style> </head> <body> <div id = "bb" style = "الخلفية اللون: أحمر ؛ العرض: لا شيء ؛ z-index: 99999 ؛ max-height: 79.3 ٪ ؛ الموضع: ثابت ؛ مرشح: alpha (alpha = 70) ؛ عتامة: 0.7 ؛ أعلى: 10px ؛ اليسار ؛" <li> <a href = "javaScript: ALERT ('يمكنك فعل ذلك تريد') ؛"> 老大大 </a> <li> <li> <a href = "javaScript: ALERT ('يمكنك فعل ذلك تريد') ؛"> 老大二 </a> <li> <li> <a href = "javascript: alert ('you an an do you want' <a href = "javaScript: ALERT ('يمكنك القيام به تريد') ؛"> 老大四 </a> <li> </ul> <li> <li> <A Href = "JavaScript: ALERT ('يمكنك القيام به تريد') ؛ <li> <a href = ""> 老四 </a> <ul> <li> <a href = "javaScript: ALERT ('يمكنك القيام به تريد') ؛"> 老一 </a> <li> </ul> <li> </ul> </ul> </viv> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> id = "aa"> 哈哈 </utton> <div id = "zz" style = "display: none ؛ الموضع: ثابت ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛ اليسار: 0px ؛ الأعلى: 0px ؛ لون الخلفية: أسود ؛ z-index: 1999 ؛ فلتر: ألفا (عتامة = 70) ؛ Opight: 0.7 ؛ "> </viv> </body> <script type =" text/javaScript "> $ (function () {$ ("#aa "). click (function () {$ ("#zz "). show () ؛ $ ("#bb "). show () ؛ $ ("#bb "). $ (#bb ") A </script> </html>