我需要制作一个向下的三角形，指示当前的幻灯片。滑块的背景色会扩展到屏幕的整个宽度。三角形实际上是从滑块中“弹出”。例如，请参阅所附图像。还添加了我的代码示例。
https://codepen.io/anon/pen/bawpKq
但是，由于清单上有overflow:hidden，因此我不得不强制使其可见以使三角形显示出来。但是，如果在滑动列表之外还有更多的幻灯片，那将是行不通的。请让我知道是否有人有其他方法来解决此问题。谢谢！
最佳答案
我使用了另一种方法-为背景创建一个单独的元素，使用绝对位置并设置height: calc(100% - 20px)，其中20px是三角形的高度。
请参阅此示例中的最后一个滑块
https://codepen.io/litdane/pen/bawpKq