css - html中如何给div的背景图片设置类似z-index的属性来让背景图片不被div中的其他元素遮挡

Question

图中底部的白色部分就是一个背景图，有一个根竖线是在这个p中的元素，怎么实现这根线置于白色背景图的下边，不要把背景图盖住，有没有类似z-index的属性来设置背景图的层次优先级

达到这样的效果：

Answer 1

Don’t write this background image in css, just use the img tag directly

Answer 2

This kind of irregular line is cut together with the background image as the background image