bxslider上的z-index元素的顺序

我需要使用no-child元素来命令bxslider的内容。 在图像和顶部的文本之间。

例如

  • text

任何人都可以建议z指数吗?

我现有的css类似于:

 li img{ position:relative; z-index:1; } li span{ position:relative; z-index:3; } .under-text-over-image{ position:relative; z-index:2; } 

谢谢

我会尝试以下方面:

 li img{ position:relative; z-index:-99999; } li span{ position:relative; z-index:99999; } .under-text-over-image{ position:relative; z-index:11111; } 

沿着这些方向的东西,通常在使用z-index时适合我。

希望这对你有所帮助。

我迟到的回复… BXSlider在JS中有zIndexing(在这里阅读更多内容: http ://bxslider.com/docs/jquery.bxslider.html)。 我发现在任何幻灯片中绕过闪烁的最佳方式,无论它出现的方向是,如果您将内容嵌套在另一个

    内。 在我的实验中,这似乎不会导致可见或不需要的不可见层的分散重新排序。

    以下是幻灯片的示例:

     
    • ... this content will be above everything else ...
    • ... this content will be also be above ...

    注意:z-index需要一个位置声明才能工作。

    这是一个老问题,但问题确实出现了很多。 问题不是z索引:

    您很可能错过了图像文件

     bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; } 

    快速检查

     .bx-wrapper .bx-controls-direction a { background-color: blue; } 

    一旦你这样做,你会看到控件在那里。