幻灯片顶部的光滑轮播 prevArrow 和 nextArrows

Question

使用slick carousel，我试图让 prevArrow 和 nextArrow 出现在幻灯片的顶部，而不是像在所有演示中那样出现在幻灯片的左右两侧。我可以通过使用如下所示的伪 CSS 类来更改 prevArrow 的左侧位置，但它位于幻灯片下方。 z-index 不会将 slick-prev 元素放在顶部。

.slick-prev:before{
    color:blue;
    left:10px;
    z-index:1000000000000;
}

这个jsfiddle 显示了 prevArrow 位置已移动但位于幻灯片下方。如何在幻灯片上移动箭头？

Answer 1

有人在 github 上帮助回答了这个问题。不要在伪上做位置，在元素上做。

.slick-prev {
    color:blue;
    left:10px;
    z-index:1000000000000;
}