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

因此，我有一个包含内容行的部分。线条覆盖了窗口宽度的100％，但是内容仅显示在该部分的右侧。左侧必须有一个图像。我试图用bg-image和z-index来做，但是问题是它被埋在了线条的bg-color下。所以我想知道是否有一种聪明的方法或者唯一的方法是使用嵌入式图像标签？
Codepen：https://codepen.io/anon/pen/KazpYM

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

最佳答案

这是简单的黑客方式：）

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