Question

在this site上（Chrome还可以）我正在尝试使用聪明的Fluidbox技巧实现imageloading ...一个漂亮的，最小的灯箱（jQuery）。

CSS：

.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;
}

似乎z-index（s）似乎没有将灯箱（图像）置于一切之上。它看起来好像是在它自己的HTML中“捕获”放大......！？

非常感谢一些帮助。

++++

部分解决了...菜单的CSS（ScrollIt.js）干扰了（z-index）CSS Fluidbox。现在Fluidbox正在工作，并且除了固定菜单之外，它位于每个元素之上。真遗憾......我不知道如何解决这个问题。我会问开发者。

Answer 1

Fluidbox的作者在这里。

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

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

我不能让Fluidbox（v1.3）工作......？

1 个答案: