具有固定背景的光滑滑块溢出，如何防止幻灯片上的图像裁剪？

Overflow for slick slider with fixed background, how to prevent image cropping on slide?

有一个风格化的光滑滑块，图像应该超出顶部边框： 同时，对于 .slick-list 我有一个背景设置（这是固定的，只有内容滚动 - 文本，图片和按钮）： 如何防止图片被裁剪？

以下是解决问题的步骤

  1. 添加到 css

.home-slider .slick-list { overflow: visible !important; } - 您需要重要提示，因为 {overflow: hidden} 将在动画期间添加到元素样式中。 left/right 上的克隆应该可见

  1. 添加新的 CSS 选择器 + 样式
.home-slider.slick-slider {
  position: static;
  overflow: hidden;
}

克隆应该是不可见的。但是你的按钮和底部的点的位置有误

  1. wrap(create parent div.home-slider-wrapper) div.home-slider in the div.home-slider-wrapper at your html

  2. 添加到css

.home-slider-wrapper {position: relative;}
  1. 对齐按钮+点，这些元素的位置由.home-slider-wrapper
    2. 计算得出