无法关闭 Fancybox iFrame答案

【问题标题】：Unable to Close Fancybox iFrame无法关闭 Fancybox iFrame
【发布时间】：2014-10-12 21:26:08
【问题描述】：

点击其中一个图块可以在http://www.jeremiahbenes.com/#/portfolio 找到我的问题。我在最新版本的 Chrome for Mac 中对此进行了测试，并遇到了下面描述的问题。

我已经实现了fancybox，但是当iFrame出现时，我无法关闭它。右上角的“x”似乎无法点击。这是我的实现：

<a data-fancybox-type="iframe" class="fancybox fancybox.iframe plink" href="http://gegarageenvy.com">
  <span>GE Garage Envy</span>
</a>

Fancybox 的代码是：

<script type="text/rocketscript" data-rocketoptimized="true">
    $(document).ready(function() {
        $('.fancybox').fancybox();
    }); 
</script>

为什么不关闭？

（另一方面，如何将其设置为自动占用可用高度和宽度的 95%？我尝试使用自动调整大小，但这不起作用）。

感谢您的帮助。

【问题讨论】：

标签： javascript jquery iframe fancybox impress.js

【解决方案1】：

在你的 body 标签中有一个类会禁用指针事件，这会阻止你点击该花式框内的任何内容，

.impress-enabled {
   pointer-events: none;
}

如果你从正文中删除这个类，那么fancybox 中的所有内容都可以点击。

否则你可以添加，

pointer-events: auto !important;

到 .fancybox-wrap 的 CSS。

【讨论】：

在您真正得到答案之前，请不要发布任何内容作为答案；指的是您最初的帖子，这只不过是一条评论。您将触发不必要的标志，为版主创建工作。在真正的答案到来之前，OP“在黑暗中”真的不是问题。由于人们很少回来查看您的修订，因此您也可能会投反对票。不过现在看起来不错。
好吧，对不起，以后会记住的：）
感谢您的帮助！

【解决方案2】：

好的，经过一番谷歌搜索后，我找到了这个解决方案。这与@NZ Mikey 所说的类似：

添加以下 CSS...

.fancybox-wrap {
    pointer-events: auto;
}

这个问题是已知的，可以在这里找到：

【讨论】：