Bxslider：当幻灯片褪色时，内容和下一个/上一个箭头会褪色

Question

每次BX幻灯片转换时，我的控件都会逐渐淡出，就像覆盖幻灯片的任何内容一样，即使它不在用于幻灯片启动的包装内。这个问题不会发生在'水平'模式，只是'淡入'模式。我正在使用自定义的next和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属性，它似乎已经解决了你的问题。

尝试更换以下课程

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

您已将z-index：55指定给您的内容，我认为这会干扰您的控件。