Question

我的Flexslider运行良好。但是，我需要它在导航栏下滑动，所以将它的margin-top设置为-75px，并将它的div.flexslider z-index设置为-2。看起来很棒，但现在下一个/上一个箭头不会飞入，点击导航也不起作用。它现在只是一个自动幻灯片放映。如果我删除z-index设置，它会起作用，但显示在导航栏的顶部。

它使用bootstrap 3坐在一个站点： -

    <div class="row">            
            <div class="flexslider">
              <ul class="slides">
                <li>
                  <img src="images/garden.jpg" />
                </li>                      
                <li>
                  <img src="images/house.jpg" />
                </li>
              </ul>
            </div>               
    </div>

在Chrome中，开发工具中没有任何错误。在Firefox中，除非缩小浏览器窗口，否则滑块将完全消失。

我还需要调整什么才能让prev / next和幻灯片导航与z-index集一起使用，还是有其他方式？

Answer 1

答案结果是删除了flexslider上的z-index：-2。然后将导航器推到顶部，不得不添加位置：relative AND z-index：10。所以职位：亲戚是解决方案的关键。

希望这有助于其他人。

克雷格

Flexslider z-index导航失败

1 个答案: