jquery - Fancybox 1 或 2 覆盖不显示模式弹出窗口

Question

我尝试了fancybox1 和fancybox2 并且覆盖不会显示在我正在处理的网站上。

您可以在此处找到示例。在第一列“我的网站适合”的文本框中输入一些英国邮政编码，例如“w1 3rt”。

将出现一个弹出窗口，但没有覆盖。我已经对此进行了一段时间的调试，但我找不到覆盖不显示的原因。

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

非常感谢任何帮助。

Answer 1

我刚刚遇到了同样的症状，覆盖没有显示，但问题不是找不到图像，而只是我在页面的 onload 事件之前调用了 fancybox。所以请确保在页面加载时而不是之前调用 fancybox :)

Answer 2

该fancybox_overlay.png文件（fancybox 2）应与模态 css文件位于同一目录中，否则此声明（第 180 行）

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

... 将失败。

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