Fancybox 1或2叠加未显示模态弹出窗口

时间:2013-07-25 17:30:20

标签: jquery css fancybox overlay fancybox-2

我尝试了fancybox1和fancybox2,并且叠加层不会显示在我正在处理的网站上。

您可以找到示例here。在第一栏中显示“我的网站是否合适”,在文本框中输入一些英文邮编,如“w1 3rt”。

会出现弹出窗口但没有叠加层。 我已经调试了一段时间,我无法找到为什么没有显示叠加层。

使用fancybox 1我得到叠加显示我是否在叠加层上有“top:1px”而不是“top:0px”。我不太明白它有什么问题......

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

我刚刚遇到了相同的症状,叠加没有显示,但问题不是找不到图像,而只是我在页面的onload事件之前调用了fancybox。因此,请确保在页面加载时调用fancybox而不是之前:)

答案 1 :(得分:0)

fancybox_overlay.png文件(fancybox 2)应与modal css文件位于同一目录中,否则此声明(第180行)

.fancybox-overlay {
    background: url("fancybox_overlay.png") repeat scroll 0 0 transparent;
    ....etc
}

......会失败。

或者,您可以编辑css文件并改为设置png文件的绝对路径。