如何定位我的彈出窗口？

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.這會使你的彈出窗口顯示在其他元素的頂部。