Почему не работает z-index в Slick-slider?

Question

[AleksMedovnik]

Здравствуйте! Есть slick-slider в bootstrap. Но, ни в этом суть. Обратите внимание на "after-before" в виде треугольника справа в превью слайдера. Не удается сверстать таким образом, чтобы z-index этого "after-before" был выше z-index страницы.
Ссылка на JSFiddle

Comments

[Сергей delphinpro]

Разрулить проблему с z-index по картинке — это высший пилотаж.

Песочницу, плиз, с проблемой. Или ссылку на сайт.

[AleksMedovnik]

Сергей delphinpro, отредактировал вопрос. Вставил весь код блока со слайдером. Дело в том, что если я код набираю в JSFiddle, я же не могу подключить Slick-slider. Без подключения проблем нет. Может быть проблему создают стили Slick-slider?
Ps, извините, если туплю, но, как по другому показать песочницу?

[Сергей delphinpro]

Александр Медовник, кучку скриптов подключили

и слик можно подключить ( https://github.com/kenwheeler/slick/ )

[AleksMedovnik]

Сергей delphinpro, Спасибо! Вопрос отредактировал и кинул ссылку

[Сергей delphinpro]

Александр Медовник, ну вот. у пациента болит голова, а доктор собрался делать ему операцию на сердце... =)) Либо я неправильно понял суть.

С чего вы взяли что проблема в z-index?
Треугольник просто обрезается переполнением контейнера.
https://jsfiddle.net/v2b6ztnp/59/ (исправлены строчки 80-82 в css)

[AleksMedovnik]

Сергей delphinpro, спасибо, огромное! Так и учимся! Если нужно, я ваш комментарий решением отмечу. Только, как ответ его напишите