asp弹出层
<style type="text/css"> html, body { height: 100%; 100%; } .white_content { display: none; position: absolute; top: 25%; left: 25%; 50%; border: 12px solid #D6E9F1; z-index:1002; } .black_overlay { display: none; position: absolute; top: 0%; left: 0%; 100%; height: 100%; background-color:#f5f5f5; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .close { float:right; clear:both; 100%; text-align:right; margin:0 0 6px 0 } .close a { color:#333; text-decoration:none; font-size:14px; font-weight:700 } .con { text-indent:1.5pc; line-height:21px } </style> <script> function show(tag){ var light=document.getElementById(tag); var fade=document.getElementById('fade'); light.style.display='block'; fade.style.display='block'; } function hide(tag){ var light=document.getElementById(tag); var fade=document.getElementById('fade'); light.style.display='none'; fade.style.display='none'; } </script> </head> <body> <a href="javascript:void(0)" onclick="show('light')">打开</a> <div id="light" class="white_content"> <div class="close"><a href="javascript:void(0)" onclick="hide('light')"> 关闭</a></div> <div class="con"> <a href="#">aaaaa</a><br /> <a href="#">bbbbbb</a> </div> </div> <div id="fade" class="black_overlay"></div> </body> </html>