不被拦截的弹窗
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <style> 7 * { 8 margin:0px; 9 padding:0px; 10 font-size:12px; 11 } 12 .topmess { 13 background-color:#a00587; 14 width:396px; 15 height:36px; 16 padding-top:10px; 17 padding-left:5px; 18 } 19 .topmess span { 20 padding-left:2px; 21 padding-right:2px; 22 color:#FFF; 23 } 24 .black_overlay { 25 DISPLAY:none; 26 Z-INDEX:1001; 27 FILTER:alpha(opacity=80); 28 LEFT:0%; 29 WIDTH:100%; 30 POSITION:absolute; 31 TOP:0%; 32 HEIGHT:100%; 33 BACKGROUND-COLOR:black; 34 moz-opacity:0.8; 35 opacity:.80 36 } 37 .white_content { 38 FONT-SIZE:10PT; 39 BORDER-RIGHT:orange 1px solid; 40 PADDING-RIGHT:16px; 41 BORDER-TOP:orange 1px solid; 42 DISPLAY:none; 43 PADDING-LEFT:16px; 44 Z-INDEX:1002; 45 LEFT:25%; 46 PADDING-BOTTOM:16px; 47 OVERFLOW:auto; 48 BORDER-LEFT:orange 1px solid; 49 WIDTH:50%; 50 PADDING-TOP:16px; 51 BORDER-BOTTOM:orange 1px solid; 52 POSITION:absolute; 53 TOP:25%; 54 HEIGHT:50%; 55 BACKGROUND-COLOR:white 56 } 57 </style> 58 </head> 59 <body> 60 <div class="topmess"> <span>称呼</span> 61 <input name="name" type="text" style="width:49px; height:20px"/> 62 <span class="a"> 电话或QQ</span> 63 <input name="name" type="text" style="width:80px; height:20px" /> 64 <span> 问题垂询</span> 65 <input name="name" type="text" style="width:50px; height:20px" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"/> 66 <input type="submit" name="button" id="button" value="提交" style="color:#000; width:40px; height:25px" /> 67 </div> 68 <DIV class="white_content" id=light style="DISPLAY: none"> 添加记录 69 <INPUT> 70 <INPUT type=button value=保存> 71 </INPUT> 72 <BR> 73 <A onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" 74 href="javascript:void(0)"> 关闭 </A> </DIV> 75 <DIV class="black_overlay" id=fade style="DISPLAY: none"> </DIV> 76 </body> 77 </html> 78