【问题标题】: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/… 你看到左右两侧的小花,这些花必须在滑块的前面/顶部/最上面。所以滑块排在第二位,花朵排在第一位。我该怎么做?
猜你喜欢
  • 2015-11-18
  • 2015-11-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-16
  • 1970-01-01
  • 2018-02-16
  • 1970-01-01
相关资源
最近更新 更多