Slick Slider - 如何使子元素出现在光滑列表外（隐藏溢出）

Question

我需要制作一个指示当前幻灯片的向下三角形。滑块的背景颜色可以扩展到屏幕的整个宽度。三角实际上是从滑块“弹出”的。请参阅附图。还添加了我的代码示例。

https://codepen.io/anon/pen/bawpKq

然而，由于光滑列表有overflow:hidden，我不得不强制它显示三角形。但如果在光滑列表之外有更多幻灯片，这将无效。如果有人有不同的方法来解决这个问题，请告诉我。谢谢！

Answer 1

我使用了另一种方法 - 为背景创建一个单独的元素，使用绝对位置并设置height: calc(100% - 20px)，其中20px是三角形的高度。

请参阅此示例中的最后一个滑块

https://codepen.io/litdane/pen/bawpKq