Jquery 使用用于灯箱覆盖的华丽弹出插件时出现重叠问题

我正在使用我网站中的lighbtox覆盖。在该页面中有一个“lightbox gallery”示例

我用了这个例子。我完全按照原样复制了示例的源代码

问题是，如果你点击一个小缩略图，放大的图像就会出现在主菜单下（它是重叠的，主菜单覆盖了图片）

如何解决此问题？我需要放大的图像来在主菜单的顶部（图片涵盖主菜单，而不是主菜单封面图像）

我还需要浅灰色的覆盖，显示当缩略图被点击到主菜单的顶部，而不是在它下面

我正在使用一个现成的布局来制作我的网站，我认为布局的风格规则与lightbox叠加相冲突。网站的徽标和主菜单位于标题标签中。如果我去掉了那个标签，灯箱的覆盖效果就完美了

同样，在有原始示例的网站中，当您将鼠标悬停在缩略图上时，鼠标图标将变为带有+的放大镜

在我的网站上，如果你将鼠标悬停在缩略图上，手指图标会显示出来，而不是带有+的放大镜。如果你点击一个缩略图，放大后的图像显示图标将变成一个带有-的放大镜

---

我需要放大镜与一个+在它显示在我的网站，如果你在缩略图悬停。如何解决此问题？

z索引中存在错误

在

css

文件中查找此属性

header {
    background: url(../images/body-bg.png) repeat;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: box-shadow:0 0px 3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: box-shadow:0 0px 3px rgba(0, 0, 0, 0.8);
    -o-box-shadow: box-shadow:0 0px 3px rgba(0, 0, 0, 0.8);
    padding: 15px 0 0 0;
    color: #bec9d5;
    position: relative;
    z-index: 10000;
}

将z索引替换为

100

Like

z指数：100


编辑

在css中添加这3个新属性

.mfp-figure button.mfp-close {
    cursor: pointer;
}
.popup-gallery a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-figure figure {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

希望这能对您有所帮助。
将您的
的z索引更改为低于lightbox的值。谢谢：）这解决了问题。当我将鼠标悬停在缩略图上时，放大镜的另一个问题是什么？如果将鼠标悬停在缩略图上，则鼠标图标将更改为放大镜。这在我的页面中不会发生，当你将鼠标悬停在缩略图上时，鼠标图标会变成手指而不是放大镜。我需要它在我的页面中变成一个放大镜also@shadishtaklef我刚刚更新了我的答案，请检查一下。。如果这对你有帮助，也请接受我的回答。这对我也有帮助。：）谢谢你的编辑，但我不明白你说的是什么，只需在你的css中添加一个新类。。添加新类