Question

我有一个弹出窗口，通过以下方式启用：

<input type="button" value="Sö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.这将使你的弹出窗口在其他元素之上。

如何定位我的弹出窗口？

2 个答案: