幻灯片顶部的光滑轮播上一个箭头和下一个箭头

Question

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

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

此 jsfiddle 显示上一个箭头位置已移动，但在幻灯片下方。 如何将箭头移到幻灯片上？

Answer 1

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

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