本文介绍了bxslider上z-index元素的顺序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要订购带无子元素的bxslider的内容。
< div> < ul id =slider> < li>< img src =image1.jpg/>< span>文字< / span>< / li> < / ul> < div class =under-text-over-image>< / div> < / div>有人可以在z-index上提供建议吗?
我现有的CSS类似于:
li img { position:relative; z-index:1; } li span { position:relative; z-index:3; } .under-text-over-image { position:relative; z-index:2; }感谢
解决方案这是一个老问题,但问题确实出现了相当多。问题不是z-indexing:
您很可能错过了图片文件 $ b
bx-包装器.bx-prev { left:10px; background:url(images / controls.png)no-repeat 0 -32px; }快速检查 $ b
.bx-wrapper .bx-controls-direction a { background-color:blue; }一旦你这样做,你会看到控件。 p>
I need to order the contents of a bxslider with a no-child element. between the image and the text over the top.
e.g
<div> <ul id="slider"> <li><img src="image1.jpg" /><span>text</span></li> </ul> <div class="under-text-over-image"></div> </div>Could anyone advise on the z-index?
my existing css is similar to:
li img{ position:relative; z-index:1; } li span{ position:relative; z-index:3; } .under-text-over-image{ position:relative; z-index:2; }Thanks
解决方案This is an old question but the issue does come up quite a bit it seems. The issue isn't z-indexing:
You're most likely missing the image files
bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }A quick check
.bx-wrapper .bx-controls-direction a { background-color: blue; }Once you do this you'll see that the controls are there.
更多推荐
bxslider上z
发布评论