创建自定义部分背景

Question

我试图达到如下图所示的效果。

我使用过多边形但不幸的是IE不支持。我也不想使用SVG。

还有其他解决办法吗？ 如果可能的话，解决方案也应该具有响应性。

Answer 1

我使用clipPath在IE的jsfiddle中找到了这个示例，它可能会有所帮助：

<clipPath id="clip-triangle">
                <polygon points="0 0, 100 0, 112 13, 240 13, 240 250, -250 250" />
            </clipPath>

https://jsfiddle.net/2wu0dwrL/