Как вывести .current на фронт в плагине Moving Box

Question

Вот страница, над которой я работаю: http://dontapscott.patienceandfortitude.com/about/#&slider1=6

Я использую плагин движущиеся коробки из css-tricks . Я пытаюсь выяснить, как вернуть не текущие слайды позади текущего.

Как вы можете видеть в реализации по умолчанию, вокруг слайдов есть поле, и я бы хотел, чтобы они перекрывались. Я попробовал это, используя отрицательные поля, и это работает, чтобы заставить их перекрываться, но следующий слайд остается перед текущим, несмотря на применение высокого z-индекса к слайду .current и низкого для всех остальных.

Большое спасибо за любые идеи, которые вы можете предложить.

Answer 1

Попробуйте изменить .current селектор на это:

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

Answer 2

Вы можете попробовать добавить position:relative в ваш селектор .current вместе с z-index, который вы пробовали ранее.