iframe 窗口打开时禁用正文

Question

我想制作一个盒子，用于订阅目的。应该如何：

• 当用户点击按钮时
• 一个 iframe 窗口打开
• 并且用户可以在字段中插入数据。

看起来很简单，实际上确实如此。
使用 jquery 和 css 我可以创建一个 iframe 框。但是，我面临的真正问题是：

• 用户已打开页面内的窗口
• 但是，他仍然可以选择背景链接。

所以，当 iframe 打开时，我需要禁用 body 或 unclickable 之类的东西。

Answer 1

当 iframe 打开时，在整个页面上放置一个 DIV。

<div class="cover"></div>


.cover {
     position:fixed;
     top:0;
     bottom:0;
     left:0;
     right:0;
     z-index:2;
     color:rgba(0,0,0,0.3)
}

...只要给你的 iframe 一个更高的 z-index。