背景滑块

Question

我的主页上有一个滑块。

我做了一个背景，但它不在顶部。现在它在我的幻灯片项下。如何确保背景高于幻灯片项目？有z-index的东西吗？

Answer 1

如果您的＆＃34;背景是这样的：IMAGE它将永远不会显示，因为您已将图像作为background-image放在滑块容器中，因此显然该容器内的图像将显示在顶部

您需要做的是在id="slider"之前的h id="prevBtn" span中添加一个div，就像这样：

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

并添加此css：

.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
}

应该可以正常工作