Question

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

我已经实现了fancybox，但是当iFrame出现时，我无法关闭它。＆＃34; x＆＃34;在右上角似乎是不可点击的。以下是我实施的内容：

<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％？我尝试使用自动调整大小，但这不起作用）。

感谢您的帮助。

Answer 1

你的body标签中有一个类禁用指针事件，这使你无法点击该fancybox内的任何内容，

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

如果从正文中删除此类，那么fancybox内的所有内容都将变为可点击。

否则你可以添加，

pointer-events: auto !important;

到.fancybox-wrap的CSS。

Answer 2

好的，谷歌搜索后我发现了这个解决方案。这与@NZ Mikey所说的相似：

添加以下CSS ...

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

问题是已知问题，可在此处找到：

无法关闭Fancybox iFrame

2 个答案: