Полоса прокрутки Swiper JS — z-индекс не вступает в силу

#javascript #css #swiper

Вопрос:

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

 .swiper-scrollbar {width: 20%; min-width: 20%; max-width: 20%; margin-left: 40%; top: 10px;  box-sizing: border-box; display: block; position: absolute !important; z-index: 4 !important; }
 

https://jsfiddle.net/h9dr31ce/4/

Есть какие-нибудь идеи?