Javascript 当iframe打开时，如何使背景变暗？

我在网上找到了一个很好的教程，打开CSS框可以在背景中创建一个覆盖层

^只需单击此处打开弹出窗口

但是，我无法使用iFrame获得相同的效果。所发生的事情是覆盖层覆盖iFrame和页面背景

关于如何做到这一点，有什么建议吗

编辑：

好的，我使用一个脚本基于链接创建一个iframe

---

我会在高度后加上z指数吗

您所要求的与shadowbox的功能非常相似，它也很容易添加，并且完全可设置样式。

---

发布css后，覆盖层的z索引属性高于iframeFYI，这些属性称为modals或modal dialogs。将iFrame放置在容器div中，您可以给出覆盖层z索引上方的特定z索引。别忘了，你很可能也需要使用绝对定位。i、 e.容器的相对位置-然后是容器的绝对位置。。。如果你遵循…顺便说一句，你也可以将其用于iframes。提供的链接是为日本护发素促销提供的。