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

Question

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

达到这样的效果：

Answer 1

这个背景图片不要写在css里面, 直接用img标签就可以啦

Answer 2

这种不规则的线，和背景图切到一起当背景图