jQuery灯箱插件覆盖问题

Question

我在使用灯箱插件时遇到一个奇怪的问题，它的叠加层（点击<a>时通常显示的灰色黑色bg）显示在我的页面底部，并且当它没有关闭时用户点击图像。这有点难以描述所以这是一个说明问题的图像：

点击此按钮，然后在<form>元素之外的页面底部创建叠加层，图像向下，如下所示：

渲染图像标记如下所示：

<div id="lightbox-gallery">
   <ul>
      <li><a href="/what-does-it-do/submit-annual-returns/lightboxobjects/forbury-large1/" rel="lightbox[group]" rev="/What-does-it-do/Submit-Annual-Returns/LightboxObjects/forbury-large1" title="Fobury court"><img src="/getattachment/819283f6-7436-40dc-9401-9f8194efc0e8/forbury-large1?maxsidesize=150" alt="forbury-large1"></a></li>
   </ul>
</div>

jQuery是：

$(function () {
    $('#lightbox-gallery ul li a').lightBox();
});

我错过了一些明显的东西吗？任何帮助将不胜感激

Answer 1

您是否正在导入Lightbox Css文件？似乎正确的样式没有应用于叠加层。

Answer 2

您可以尝试使用此处所述的非常基本的设置（仅供测试）

http://leandrovieira.com/projects/jquery/lightbox/

我希望您使用相同的插件。