javascript 弹出一个层接受用户输入 使原窗口不可操作

javascript 弹出一个层接受用户输入, 使原窗口不可操作，用ajax异步提交数据库，不想用showModalDialog(0我用的是弹出div层，含一个输入框，通过设置两个div的z-index很高，使原窗口不可编辑，问题是下面代码如果用html格式的文件就可以屏蔽原始窗口，如果是JSP后缀文件，就不能屏蔽原始窗口，原始窗口还是可以操作，是不是z-index属性对JSP文件失效了
代码如下：
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>LIGHTBOX EXAMPLE</title> 
<style> 
.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 100%; 
background-color: black; 
z-index:1001; 
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=80); 
} 
.white_content { 
display: none; 
position: absolute; 
top: 25%; 
left: 25%; 
width: 25%; 
height: 25%; 
padding: 16px; 
border: 16px solid orange; 
background-color: white; 
z-index:1002; 
overflow: auto; 
} 
</style>  <script type="text/javascript">
 
 function showDiv()
 {
  document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';
 }
 
 function getResult()
 {
  document.getElementById('light').style.display='none';
  document.getElementById('fade').style.display='none';
  document.getElementById('text1').value=document.getElementById('txt1').value;
 }
 </script>
</head> 
<body> 
<br>
<br>
<input type="text" value="" id="text1">
<p>
<a href = "javascript:void(0)" onclick = "showDiv();">open</a>
</p> 
<br>
<br><div id="light" class="white_content">
<table>
 <tr>  
  <td></td>
                    <td width="78%"> <input id="txt1" type="text"  /></td>
                </tr>                 
                <tr>
                    <td></td>
                    <td><input type="button" value="submit"  onclick=""/>
                        <input type="reset" value="reset"  /></td>
                </tr>
</table>
<a href = "javascript:void(0)" style="position:absolute;top:0px;right:0px;" onclick = "getResult()">Close</a>
</div>
<div id="fade" class="black_overlay"></div> 
</body> 
</html>