Flexslider z索引导航失败

Flexslider z-index fails navigation

本文关键字:失败 导航 索引 Flexslider      更新时间:2023-09-26

我的Flexslider工作得很好。然而,我需要它在导航栏下滑动,所以将其页边空白顶部设置为-75px,将div.flexslider z索引设置为-2。看起来很棒,但现在下一个/上一个箭头没有飞入,点击导航也不起作用。现在只是一个自动幻灯片放映。如果我删除z索引设置,它可以工作,但显示在导航栏的顶部。

它坐在一个使用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中,除非浏览器窗口缩小,否则滑块将完全消失。

我还需要调整什么来允许上一页/下一页和幻灯片导航使用z索引集,或者有其他方法吗?

答案是删除flex滑块上的z索引:-2。然后要将导航推到它的顶部,必须添加位置:相对和z索引:10。因此,相对位置是解决问题的关键。

希望这能帮助其他人。

Craig