如何在移动盒插件中引入.current

Question

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

我正在使用moving boxes plugin from css-tricks。我正在试图找出如何将非当前幻灯片放在当前幻灯片之后。

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

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

Answer 1

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

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

Answer 2

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