0

通过单击其中一个图块，可以在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%？我尝试使用 autosize，但这不起作用）。

谢谢你的帮助。

4

2 回答 2

3

在你的 body 标签中有一个类会禁用指针事件，这会阻止你点击那个花哨的盒子里的任何东西，

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

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

否则，您可以添加，

pointer-events: auto !important;

到 .fancybox-wrap 的 CSS。

于 2014-10-12T21:35:45.573 回答
1

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

添加以下 CSS...

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

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

于 2014-10-12T21:59:10.230 回答