jquery - 光滑的 slider : How to set arrows inside and not outside?

Question

您好，我发现 slick slider 真的很容易使用，并决定在我一直在使用的网站上使用它:http://smallbuildersdev.esy.es/

您可以在页面底部看到 slider 。我只有一个问题。我希望箭头位于 slider 内部而不是外部(这也意味着当内容滑入时，它会从不可见的硬边缘滑出)。有没有办法把箭头放在里面，这样我就可以占据页面的整个宽度(这样滑动时就不会看到硬边了)？这是光滑 slider 的链接:http://kenwheeler.github.io/slick/

如果您还查看了光滑的 slider 网页，左/右箭头在 slider 之外。

Answer 1

将 z-index: 1 添加到 UberKaeL 的答案中以强制在图像顶​​部显示上一个箭头

.slick-prev {
  left: 100px;
  background: red; /*to notice it, is white*/
  z-index: 1;
}
.slick-next {
  right: 100px;
  background: red; /*to notice it, is white*/
}