Flexslider z-index失败导航

-1

我有Flexslider很好地工作。但是，我需要它在导航栏下滑动，以便将margin-top设置为-75px，将div.flexslider z-index设置为-2。看起来不错，但现在下一个/ prev箭头不会飞入，点击导航不起作用。这只是一个自动幻灯片放映。如果我删除了z-index设置，它将起作用，但显示在导航栏的顶部。Flexslider z-index失败导航

它使用自举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集合还是有其他方法？

来源

2014-08-28 Craig

你可以让我们玩一个jsfiddle吗？ – amphetamachine 2014-08-29 16:02:50

从来没有做过，但可以走了。 – Craig 2014-08-29 20:05:19

我不确定你明白这是如何工作的。 – amphetamachine 2014-08-29 20:25:51

答案竟然是在flexslider上删除z-index：-2。然后要将导航推到顶部，必须添加位置：相对AND Z-index：10。所以，立场：相对是解决方案的关键。

希望这可以帮助别人。

克雷格

来源

2014-08-30 20:01:51 Craig

Flexslider z-index失败导航

回答

相关问题