0

我正在开发一个使用 iframe 的网络应用程序。我使用 jQuery 库编写了一个模态对话框函数，它在 iframe 内触发一个模态弹出窗口。除对话框背景外，一切正常，当触发模式窗口时，仅覆盖 iframe 内的部分。

这是预期的行为，我认为通过更改 z-index 值修复会相对容易，但我无法逃脱 iframe 之外的模态背景。代码很简单，我会在这里粘贴一点。

我应该指定我们的源树只能访问 iframe，我们从父元素/控件继承，但不能访问它们，所以我仅限于 iframe 内的任何修复。

任何帮助或指示将不胜感激。

<asp:Content ContentPlaceHolderID="CloudContent" runat="server">
<!--This triggers the modal dialog-->
<div class="cloudinfo"><a href="#dialog" name="modalbox">Add Cloud-Based Application</a></div>
</asp:Content>
4

1 回答 1

1

经过不断的实验 :-)，一个 CSS 改变就成功了。将位置从“绝对”更改为“固定”解决了它。下面的 CSS 片段，我希望这对其他人有帮助。

#modalBackground {
    z-index:1000; 
    position:fixed; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0;
    background-color:#000;
    display:none;
}
于 2013-07-09T11:23:39.740 回答