Fancybox 1或2叠加不显示模式弹出

Question

我尝试了fancybox1和fancybox2，但覆盖层不会显示在我正在开发的网站上。

你可以在这里找到这个例子。在第一列中，它写着"我的网站适合吗"，在文本框中输入一些英国邮政编码，如"w1 3rt"。

将出现一个弹出窗口，但没有覆盖。我已经调试了一段时间，但我找不到为什么覆盖没有显示。

有了fancybox 1，我得到了覆盖显示，如果我在覆盖上有"顶部：1px"，而不是"顶部：0px"。我不太明白它怎么了…

非常感谢您的帮助。

Answer 1

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

Answer 2

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

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

将失败。

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