jQuery灯箱插件覆盖问题答案

【问题标题】：Issue with jQuery lightbox plugin overlayjQuery灯箱插件覆盖问题
【发布时间】：2012-10-15 10:30:26
【问题描述】：

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

单击此按钮会在页面底部<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();
});

我在这里遗漏了一些明显的东西吗？任何帮助将不胜感激

【问题讨论】：

标签： jquery html forms lightbox kentico

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以使用此处描述的非常基本的设置进行尝试（仅用于测试）

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

我希望你使用的是同一个插件。

【讨论】：