Javascript 我无法让Fluidbox（v1.3）工作。。。？

在Chrome上没问题，我正在尝试实现。。。一个漂亮的、最小的lightbox jQuery，使用了一个巧妙的技巧

CSS:

在某种程度上，z索引似乎并没有将lightbox图像置于一切之上。它看起来好像放大是'捕获'在它自己的HTML

非常感谢您的帮助

++++

部分解决了。。。菜单的CSS将z索引与菜单的CSS相互干扰。现在Fluidbox正在工作，并且位于除固定菜单之外的每个元素的顶部。真遗憾。。。我不知道如何解决这个问题。我会在这里询问开发者。

Fluidbox的作者

根据文档，您可以1更改Fluidbox的stackIndex设置，使其大于固定导航菜单的stackIndex设置，或2减小所述固定导航菜单的z-index值

---

v1.4.1昨天发布，所以它可能包含一些自您使用的版本发布以来修复的关键错误

谢谢你，特里。我来看看。目前：在我的Chrome和Safari版本的iPhone 5 8.1上，H1没有很好地居中>

.fluidbox {
    outline: none;
}
#fluidbox-overlay {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 500;
}
.fluidbox-wrap {
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: 400;
    transition: all .25s ease-in-out;
}
.fluidbox-opened .fluidbox-wrap {
    z-index: 600;
}
.fluidbox-ghost {
    background-size: cover;
    background-position: center center;
    position: absolute;
    transition: all .25s ease-in-out;
}