带有来自 div 的元素的剪辑路径
我不知道如何使这一行中滑块的底部部分可见，我使用剪辑路径使背景具有倾斜的顶部和底部。我尝试了 z-index、overflow 和position:relative 与所有元素的组合，但没有任何帮助：
http://sport.fusionidea.com/test-page/
您可以使用伪元素来创建此效果。
\n\n给父 div 一个宽度，position: relative然后使用 , 创建一个伪元素position: absolute，width:100%它height: 100%位于它的后面（使用z-index）。这将让您创造出“容器”div 的效果，允许子元素脱离其边界。
与线性渐变方法相比，此方法的优点是您可以在倾斜形状\xc2\xa0\xe2\x80\x94 上使用背景图像、实际线性渐变等，您不限于单色。
\n\nhttps://jsfiddle.net/9swLf86p/1/
\n