Question

您好我发现光滑的滑块非常易于使用，并决定在我一直在努力的网站上使用：http://smallbuildersdev.esy.es/

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

如果您还查看光滑的滑块网页，则左/右箭头位于滑块之外。

Answer 1

在UberKaeL的答案中添加z-index：1以强制在图像顶部显示前箭头

.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*/
}

Answer 2

我认为你可以简单地改变CSS风格。

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

Answer 3

我尝试了接受的答案，发现我的CSS没有生效。我最终使用了！重要的是让箭头变得可见......

$ ./script.sh 
abc:group1,group1
def:group3
ghi:group4
lmn:group1,group2
opq:DBA_Admin,dba

Answer 4

.yourclass{
  .slick-prev {
    left: 100px;
    background: white;
  }
  .slick-next {
    right: 100px;
    background: white;
  }
}

Answer 5

为避免在样式表中添加！important，请将.slick-arrow类添加到css中。

var histories = _db.Histories
    .Where(x => x.IMEI == device.IMEI)
    .OrderByDescending(x => x.Timestamp)
    .Include(x => x.IncomingData);

光滑滑块：如何设置内部而不是外部的箭头？

5 个答案: