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

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

问题描述:

这里我想设置蓝色三角形后面的白色背景线。我怎样才能做到这一点? 这里是bootply link如何在另一个背景图像背后设置背景?

+0

请您详细解释一下! @shafayathossain – PassionInfinite

+0

链接:-http://www.css3.info/preview/multiple-backgrounds/ –

+0

你可以看到三角形上有一条白线。但我想在三角形后面设置线条。 –

你为什么不使用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; 
} 
+0

这不起作用。我试过了。 –

+0

您是否检查[demo](http://www.bootply.com/C6uSySxnjx)链接?你将不得不使用'position'来处理'z-index' – Rohit

+0

我没有尝试position:relative。非常感谢。 –