如何在另一个背景图像后面设置背景？

Question

这里我想设置蓝色三角形后面的白色背景线。我怎样才能做到这一点？ 这是bootply link。

Answer 1

为什么不使用z-index财产：请参阅demo

  

z-index属性指定元素的z顺序及其顺序   后人。当元素重叠时，z顺序决定哪一个   涵盖了另一个。具有较大z指数的元素通常覆盖一个   较低的元素。

footer .container::before,footer .container::after {
background:#eeeeee;
height:1px;
width:100%;
z-index: -1;
position: relative;
}