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到你的内容，我相信与您的控制干扰。