如何定位我的弹出窗口？

Question

我有一个启用了下面的方式弹出一个窗口：

<input type="button" value="S&ouml;k" onClick="getElementById('popupD').style.display=''">

相关的DIV是

<div class="popup" id="popupD" 
<% if(!showSearch) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="handlaggarelist.jsp" %> 
</div> 

弹出窗口出现，但过高在页面上。弹出的CSS是

.popup{ 
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF; 
    font-size: 70%; 
} 

你能帮我定位弹出窗口，否则它会出现在页面顶部？

感谢

Answer 1

你可以定位你的弹出式的东西的页面这样绝对上：

.popup{ 
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF; 
    font-size: 70%; 
    position: absolute; 
    top: 200px; 
} 

这将使弹出显示200像素从页面的顶部。

Answer 2

添加位置：绝对，顶部设置为弹出窗口顶部和z-ndex的可接受距离。确保z-index是一个非常高的数字。像10000.这会使你的弹出窗口显示在其他元素的顶部。