样式centerPadding在光滑的滑块

Question

如何在slick.js滑块中设置centerPadding的样式？我想设置填充的不透明度，但不是轨道中的所有项目。

$('.ourgroup-carousel').slick({
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
    arrows: true,
    centerMode: true,
    centerPadding:'80px',
});

Answer 1

有一个css类“.slick-center”引用当前居中的div。您可以随意将中心div放入您自己的样式表中，随意将其放入中心区域。

Answer 2

我知道这是一个非常老的问题，但是最近我偶然发现了同一问题，我的解决方法是使用以下CSS

.slick-slide[aria-hidden="true"] {
    opacity: 0.5;
}

它实际上将为所有不可见的幻灯片设置样式，但是因为它们没有显示，所以没关系。