jquery - FancyBox 2 未在视口(viewport) Firefox 中居中

标签 jquery css firefox fancybox viewport

我将 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/

相关文章:

visual-studio-2008 - 尝试在Chrome和Firefox中调试npapi插件,但未成功,正确的方法是什么?

javascript - 附加到动态 div 的简单下拉列表不起作用

jquery - 无法检查 JavaScript 中的所有复选框

jquery - 整个页面加载后启动 jquery 脚本?

CSS 格[编号| ="subPane"]错误

firefox - 指定了无效或非法的字符串”代码 : "12 with Canvas On Firefox

firefox - ExtJs 6.2 经典版不适用于 Firefox 和触摸屏

javascript - Wordpress:Javascript 'loaded' 但无法处理控制台错误

css - 多 div 垂直布局中仅一个 div 调整窗口大小的滚动条

css - 如何使用 selenium 获取页面上某些文本的 HTML 标记