Bxslider：內容和next/prev箭頭在幻燈片淡入時淡入淡出

Question

每次BX幻燈片演變時，我的控件都會淡出，就像覆蓋幻燈片的任何內容一樣，即使它不在用於幻燈片演示的包裝中。這個問題不會發生在「水平」模式下，只是「淡入淡出」模式。我使用自定義的未來和prev箭頭所示：

<div class="bx-controls-direction is-select-disabled"> 
    <span class="bx-direction prev bx-prev"><< Custom Arrow</span><span class="bx-direction next bx-next">Custom Arrow >></span> 
</div> 

並使用此代碼，以使它們的功能（這也復位定時器）：

 $('.bx-next').click(function(e){ 
      slider.stopAuto(); 
      slider.goToNextSlide(); 
      slider.startAuto(); 
     }); 

     $('.bx-prev').click(function(e){ 
      slider.stopAuto(); 
      slider.goToPrevSlide(); 
      slider.startAuto(); 
     }); 

請參見本工作搗鼓演示：

http://jsfiddle.net/pRBVZ/

這是一個錯誤，或者是有一個問題，我的代碼？謝謝！

Answer 1

我剛剛添加了一個css屬性，它似乎解決了您的問題。

嘗試更換follwoing類

.bx-controls-direction { 
    position: absolute; 
    top: 50%; 
    width: 100%; 
    z-index:100; 
} 

你給的z-index：55到你的內容，我相信與您的控制干擾。