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

Question

我有一个模态窗口，从服务器中拉出并插入一个绝对定位的容器中。当该窗口被触发打开时，它无法正常显示，它将自身定位在容器内，并且大部分都被隐藏。

是否要为模态窗口的容器（ MyModalWindow ）编写特定的CSS。我的代码如下：

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

我基本上需要div不是父节点的子节点，因为jquery计算它位于网页的中心，无论div在哪里。

Answer 1

选择 MyModalWindow 的CSS将是：

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

＃与ids和。{的关系。与classes有关。顶部和左侧属性将帮助您将div放置在其父级所需的位置。

这个HTML：

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

Answer 2

尝试关闭这些内联定位样式，看看是否修复了任何内容：

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

此外，您可能只需将#MyModalWindow div置于页面结构之外，并将其自身添加到您的身体末端。然后jquery工具插件应该完成剩下的工作，如下所示：

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