当iframe窗口打开时禁用body

Question

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

• 当用户单击按钮时
• iframe窗口打开
• 用户可以在字段中插入数据

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

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

因此，当iframe打开时，我需要禁用body或类似于unclicable的东西。

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索引。