如何在CSS三角形的背景中添加图片

Question

我已经尝试但到目前为止，我已经使用css边框黑客没有任何背景。如何使用上图所示的图像来推进它？

Answer 1

您可以使用CSS triangle generator并修复它。

width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 100px;
border-color: transparent transparent #007bff transparent

另见Creating a transparent arrow above image in CSS3