我将 FancyBox 2 用于网站中的一系列灯箱,虽然它们在 Safari 和 Chrome 中运行良好,但在 Firefox 中,灯箱似乎基于整个页面高度垂直居中,而不是可见视口(viewport)。该网站可以在这里查看:
http://xydemo.xylemdesign.com/Our-Story.php
我已经下载了脚本的新副本,但它仍然无法运行。
用于调用花式框函数的代码如下。我使用的是最新版本的脚本 2.1.5。
$('.fancybox').fancybox({ helpers : { title : { type : 'over' } } });
用于生成页面图库功能的PHP代码片段如下:
<li><a class="fancybox" rel="our_story" title="Greg checking out the west side shop floor." href="images/galleries/our_story_1.jpg"><img src="images/galleries/our_story_1_t.jpg" alt=""/></a></li>
这个错误发生在我能接触到的所有不同版本的 Firefox 中。预先感谢您的帮助!
最佳答案
尝试从 main.css
backface-visibility: hidden;
关于jquery - FancyBox 2 未在视口(viewport) Firefox 中居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19668566/