Html 如何使图像用箭头填充div？

我希望图像填充div中的整个空间，包括div右侧的箭头区域。我没有找到任何提示或样本来解决这个问题。你能帮帮我吗

.arrow\u框{
位置：相对位置；
背景：#88b7d5；
宽度：400px；
高度：200px；
}
.箭头框：在{
左：100%；
最高：50%；
边框：实心透明；
内容：“；
身高：0；
宽度：0；
位置：绝对位置；
指针事件：无；
边框颜色：rgba（136183213,0）；
左边框颜色：#88b7d5；
边框宽度：15px；
利润上限：-15px；
z指数：-30；
}
.用户图像{
位置：绝对位置；
背景重复：无重复；
背景尺寸：封面；
宽度：100%；
身高：100%；
背景位置：中心；
位置：相对位置；
对象匹配：覆盖；
z指数：10；
}

---

您可以使用

剪辑路径：polygon（）

：

.arrow\u框{
位置：相对位置；
背景：#88b7d5；
宽度：400px；
高度：200px；
-webkit剪辑路径：多边形（0,96%0,96%43%，100%50%，96%57%，96%100%，0,100%）；
剪辑路径：多边形（0,96%0,96%43%，100%50%，96%57%，96%100%，0.100%）；
}
.用户图像{
位置：绝对位置；
背景重复：无重复；
背景尺寸：封面；
宽度：100%；
身高：100%；
背景位置：中心；
位置：相对位置；
对象匹配：覆盖；
z指数：10；
-webkit剪辑路径：多边形（0,96%0,96%43%，100%50%，96%57%，96%100%，0,100%）；
剪辑路径：多边形（0,96%0,96%43%，100%50%，96%57%，96%100%，0.100%）；
}

你不能将图像设置为div的背景吗？@S.monteleon他不能，因为箭头trickI不能，我需要这个结构，因为动态数据库查询（隐藏输入不是解决方案）。