Javascript 无法关闭Fancybox iFrame

通过单击其中一个互动程序，可以在上找到我的问题。我在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>    

$（文档）.ready（函数（）{
$（'.fancybox'）.fancybox（）；
}); 

为什么不关

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

---

感谢您的帮助。

您的body标签中有一个类，它禁用指针事件，阻止您单击fancybox中的任何内容

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

如果从主体中删除该类，则fancybox中的所有内容都可以单击

否则你可以加上

pointer-events: auto !important;

---

到.fancybox wrap的CSS。

在您的body标记中有一个类，它禁用指针事件，阻止您单击fancybox中的任何内容

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

如果从主体中删除该类，则fancybox中的所有内容都可以单击

否则你可以加上

pointer-events: auto !important;

---

到.fancybox wrap的CSS。

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

添加以下CSS

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

这是一个已知的问题，可以在以下位置找到：

---

好的，在谷歌搜索了一下之后，我找到了这个解决方案。这与@NZ Mikey所说的类似：
添加以下CSS

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

这是一个已知的问题，可以在以下位置找到：
---

在您真正得到答案之前，请不要发布任何内容作为答案；指的是你最初的帖子，那不过是一个评论而已。您将触发不必要的标志，为版主创建工作。在真正的答案出现之前，OP“在黑暗中”并不是一个问题。由于人们很少回来看你的修改，你还冒着投票失败的风险。不过现在看起来不错。好吧，很抱歉，我以后会记住：）谢谢你的帮助！在你真正得到答案之前，请不要发布任何东西作为答案；指的是你最初的帖子，那不过是一个评论而已。您将触发不必要的标志，为版主创建工作。在真正的答案出现之前，OP“在黑暗中”并不是一个问题。由于人们很少回来看你的修改，你还冒着投票失败的风险。不过现在看起来不错。好吧，很抱歉，我以后会记住：）谢谢你的帮助！