通过单击其中一个磁贴，可以在http://www.jeremiahbenes.com/#/portfolio上找到我的问题。我在最新版的Mac版Chrome浏览器中对此进行了测试，并遇到了以下问题。
我已经实现了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％？我尝试使用自动调整大小，但这不起作用）。
谢谢你的帮助。
您的body标签中有一个类禁用了指针事件，这使您无法单击该花哨框内的任何内容，
.impress-enabled {
pointer-events: none;
}
如果从主体中删除此类，则fancybox内部的所有内容都可以单击。
否则，您可以添加，
pointer-events: auto !important;
到.fancybox-wrap的CSS。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句