不被拦截的弹窗 

 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

 

 

posted on 2012-05-16 16:04  爱程序,爱生活  阅读(678)  评论(0)    收藏  举报

导航