覆盖子容器上的绝对位置（模态窗口）

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>