覆蓋子容器上的絕對位置（模態窗口）

Question

我有一個模式窗口從服務器拉出並插入絕對定位的容器中。當該窗口被觸發打開時，它不能正確顯示，它將自己置於容器內，並且大部分隱藏。

是否爲模態窗口的容器寫入了特定的css（MyModalWindow）。我的代碼如下：

<div style="position:relative;"> 
    <div style="position: absolute;"> 
    <div id="MyModalWindow"> </div> 
    </div> 
</div> 

這是一個jQuery工具窗口並附有以下樣式來MyModalWindow當它顯示：

element.style { 
    display:block; 
    left:183.5px 
    position:absolute; 
    top:468.4px; 
    z-index:9999; 
} 

基本上，我需要的股利不是一個孩子因爲jquery計算它位於網頁的中心位置，不管div在哪裏。

Answer 1

嘗試採取這些內嵌定位樣式關，看看是否能解決什麼：

<div> 
    <div> 
    <div id="MyModalWindow"> </div> 
    </div> 
</div> 

而且，你很可能只是使#MyModalWindow格坐的外頁面結構並將其自身添加到您的主體的末尾。然後，jQuery工具插件應該做的其餘部分，如下所示：

<div> 
    <div>   
    </div> 
</div> 
<div id="MyModalWindow"> </div> 

Answer 2

的CSS選擇MyModalWindow將是：

#MyModalWindow 
    { 
     position:relative; 
     top:10px; 
     left:10px; 
    } 

凡＃涉及ids和。涉及classes。頂部和左側的屬性將幫助您將div放在您想要的位置內。

而這個HTML：

<div style="position:absolute;"> 
    <div id="MyModalWindow"> </div> 
</div>