Javascript jquery模态对话框背景不扩展到iframe之外

我正在开发一个使用iFrame的web应用程序。我使用jQuery库编写了一个模态对话框函数，它在iframe中触发一个模态弹出窗口。除对话框背景外，所有功能均正常工作，当触发模式窗口时，仅覆盖iframe内的部分

这是预期的行为，我认为修改z索引值会相对容易，但我无法避开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>

---

在持续的实验之后：-），CSS的改变成功了。将位置从“绝对”更改为“固定”解决了此问题。下面是CSS的一个片段，我希望这对其他人有所帮助

#modalBackground {
    z-index:1000; 
    position:fixed; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0;
    background-color:#000;
    display:none;
}

---

网站是否被托管？本应在线检查场景并在一分钟内修复。遗憾的是，不是，它是一个私有端口模式对话框被映射到触发它的iframe，因此只覆盖iframe。