我的主页上有一个Orbit幻灯片:Home page
与其他内容不同,它不包含在行类中,因为我希望它占据屏幕的整个宽度。我还希望有一个最大高度设置,以便幻灯片放映不会在较大的屏幕上占用太多的垂直空间。为此,我在自定义样式表中设置了以下内容:
.orbit-container {
max-height: 400px;
}
.orbit-container .orbit-slides-container img {
width: 100%;
}
然而,字幕和子弹被“隐藏”。有没有办法达到我想要的效果,同时仍然在轨道容器的底部出现子弹和标题?
任何建议都将不胜感激。
谢谢, 拉结
P.S。我正在使用基础版本4。
答案 0 :(得分:-2)
在自定义样式表中,请确保在字幕框和项目符号上添加z-index
这将把你的元素带到前面
E.G
ol.orbit-bullets{
z-index:5000;
}