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

Question

每次 BX 幻灯片转换时，我的控件都会淡出，任何覆盖幻灯片的内容也会淡出，即使它不在用于幻灯片启动的包装器内。此问题不会在“水平”模式下发生，只会在“淡入淡出”模式下发生。我正在使用这样的自定义下一个和上一个箭头：

<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 分配给您的内容，我认为这会干扰您的控制。