iframe窗口打开时禁用正文

Question

我想制作一个盒子，用于某些订阅目的。怎么样：

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

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

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

  

因此，当打开iframe时，我需要禁用正文或类似 unlickable 的内容。

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。