1

在我正在开发的网站上，我有两个 div。一个是带有内容和图像的div，内容在图像的前面。另一个 div 是带有黑色渐变的背景图像，意在与前一个 div 重叠 - 图像，而不是内容。这工作正常，直到第一个站点断点。此外，它在一页上完美运行，但在另一页上却不行，这真的很令人困惑，因为我看不出两者之间有任何区别。

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

我还附上了该方法工作和不工作的图像（以较小的宽度）。

我对可能出了什么问题感到困惑。应该在前面的元素具有 .hero-unit 类。它的 zindex 高于背景图像 div。

在此处输入图像描述 在此处输入图像描述

4

2 回答 2

1

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

.liquid-slider-wrapper {
   margin: 0 auto;
   clear: both;
   overflow: auto;
   position: relative;
   width: 1110px !important;
   z-index: 20;
}
于 2013-09-13T09:18:48.990 回答
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>
于 2013-09-13T07:56:03.457 回答