0

次の方法で有効にするポップアップ ウィンドウがあります。

<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%;
}

ページの上部にポップアップが表示されるので、ポップアップを配置するのを手伝ってもらえますか?

ありがとう

4

2 に答える 2

1

次のような方法で、ポップアップをページ上に絶対に配置できます。

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

これにより、ポップアップがページの上部から 200 ピクセルの位置に表示されます。

于 2012-04-23T06:19:24.380 に答える
1

position:absolute, top を追加して、ポップアップの上部と z-ndex から許容可能な距離に設定します。z-index が非常に高い値であることを確認してください。10000 のように。これにより、ポップアップが他の要素の上に表示されます。

于 2012-04-23T06:52:58.957 に答える