如何在 moving-boxes 插件中将 .current 置于前面

Question

这是我正在处理的页面： http://dontapscott.patienceandfortitude.com/ about/#&slider1=6

我正在使用 来自 css-tricks 的移动框插件。我正在尝试找出如何将非当前幻灯片放在当前幻灯片后面。

正如您在默认实现中所看到的，幻灯片周围有一个边距，我希望它们重叠。我尝试使用负边距，它可以使它们重叠，但下一张幻灯片仍然位于当前幻灯片的前面，尽管对 .current 幻灯片应用了高 z 索引，对所有其他幻灯片应用了低 z 索引。

非常感谢您提供的任何见解。

Answer 1

尝试将您的 .current 选择器更改为：

.mb-slider .mb-panel.current {
    cursor: auto;
    z-index: 100;
    position: relative;
}

Answer 2

您可以尝试将 position:relative 添加到您的 .current 选择器以及您之前尝试过的 z-index 。