javascript - 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();
        });

请看这个工作 fiddle 的演示:

http://jsfiddle.net/pRBVZ/

这是一个错误，还是我的代码有问题？谢谢!

Answer 1

我刚刚添加了一个 css 属性，它似乎已经解决了你的问题。

尝试替换下面的类

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

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