如何在矩形div上方制作三角形div?

我正在尝试在矩形div上创建一个Triangle。三角形必须是页面的宽度,并且必须具有响应性。 div的右上和左上部分(不存在三角形)需要透明。

我有一张看起来应该是什么样的图像,但是由于类似的深色,很难看到。矩形div的右上和左上必须透明。

有谁知道我如何在下图中重新创建突出显示的矩形?

我已经通过搜索stackoverflow尝试了几个小时,但无法从其他问题中找出答案。

谢谢!

Image of what it should look like

评论