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失敗導航

回答

相關問題