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)。 我发现在任何幻灯片中绕过闪烁的最佳方式,无论它出现的方向是,如果您将内容嵌套在另一个
的
内。 在我的实验中,这似乎不会导致可见或不需要的不可见层的分散重新排序。
以下是幻灯片的示例:
注意: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; }
一旦你这样做,你会看到控件在那里。