z重叠div的索引问题

Question

在我正在制作的网站上，我有两个div。一个是带有内容和图像的div，内容位于图像的前面。另一个div是一个背景图像，黑色渐变意味着与前一个div重叠 - 图像，但不是内容。这工作正常，直到第一个站点断点。此外，它在一个页面上完美地工作，但在另一个页面上没有，这真的令人困惑，因为我看不出两者之间有什么区别。

工作 - http://www.osullivans-pubs.com/draft/?page_id=18 不工作 - http://www.osullivans-pubs.com/draft/

我还附上了方法工作的图像，但没有工作（宽度较小）。

我有点不知所措。应该在前面的元素具有.hero-unit类。它的zindex高于背景图像div。

Answer 1

<div class="controls">
    <a href="#right" data-liquidslider-ref="slider-id"><div class="button_circle_small right">&gt;</div></a>
    <a href="#left" data-liquidslider-ref="slider-id"><div class="button_circle_small left">&lt;</div></a>
</div>

在

之前使用上面的代码

<div id="back_gradient"></div>

Answer 2

你必须在liquid-slider.css文件中添加一个z-index，下面是代码...

.liquid-slider-wrapper {
   margin: 0 auto;
   clear: both;
   overflow: auto;
   position: relative;
   width: 1110px !important;
   z-index: 20;
}