Html 背景滑块

我在我的主页上有一个滑块

我做了一个背景，但不是最上面的。现在它在我的幻灯片项目下。如何确保背景高于幻灯片项目？如果你的“背景是这样的，那么它将永远不会显示，因为你已经将图像作为

背景图像

放在滑块容器中，所以很明显，该容器中的图像将显示在顶部

您需要做的是在html中的

id=“slider”

中的

id=“prevBtn”span

前面添加一个div，如下所示：

<div class="border-image"></div>

---

这应该很好

在chrome中似乎很好？你能把html/a JSFIDLE作为一个例子吗？谢谢你的回复。我想要这个图像作为背景：你看到左边和右边的小花，这些花必须在te滑块的前面/上面/上面。所以滑块在第二位，花在第一位地方，我怎么能做到？

.slider4_effect {position:relative;}
.border-image {
    position:absolute;
    width:100%;
    height:100%;
    background-image:url('http://magento.gaafwebdesign.nl//skin/frontend/rwd/shop/images/sliderbg.png'); /*or your relative path*/
    background-size:cover
}