背景滑块答案

【问题标题】：Background slider背景滑块
【发布时间】：2014-11-05 08:57:50
【问题描述】：

我的主页上有一个滑块。

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

【问题讨论】：

似乎在 chrome 中工作正常？您可以发布 html / a jsfiddle 作为示例吗？

标签： html css magento background slider

【解决方案1】：

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

您需要做的是在您的 html 中在 id="slider" 中添加一个 div，就在 id="prevBtn" span 之前，如下所示：

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

应该没问题

【讨论】：

感谢您的回复。我想要这张图片作为背景：drawingforkids.org/images/… 你看到左右两侧的小花，这些花必须在滑块的前面/顶部/最上面。所以滑块排在第二位，花朵排在第一位。我该怎么做？