css - 如何在子元素 bg-color 上显示父元素的 bg-image？

Question

所以我有一个包含几行内容的部分。线条覆盖了窗口宽度的 100%，但是内容仅显示在部分的右侧。左边必须有一个图像。我试着用 bg-image 和 z-index 来做，但问题是它被埋在线条的 bg-color 之下。所以我想知道是否有一种聪明的方法来做到这一点，或者唯一的方法是使用内联图像标签？
代码笔:https://codepen.io/anon/pen/KazpYM

<p>it is impossible to edit cofe on mobile so i just give u a link </>

Answer 1

这是一种简单的破解方法:)

.line{
    width: 100%;
    height: 200px;
  position:relative;
  z-index:-1;
}