基础4 - 全宽轨道,但最大高度

时间:2013-08-05 09:57:58

标签: slideshow zurb-foundation orbit

我的主页上有一个Orbit幻灯片:Home page

与其他内容不同,它不包含在行类中,因为我希望它占据屏幕的整个宽度。我还希望有一个最大高度设置,以便幻灯片放映不会在较大的屏幕上占用太多的垂直空间。为此,我在自定义样式表中设置了以下内容:

.orbit-container {
    max-height: 400px;
}
.orbit-container .orbit-slides-container img {
    width: 100%;
}

然而,字幕和子弹被“隐藏”。有没有办法达到我想要的效果,同时仍然在轨道容器的底部出现子弹和标题?

任何建议都将不胜感激。

谢谢, 拉结

P.S。我正在使用基础版本4。

1 个答案:

答案 0 :(得分:-2)

在自定义样式表中,请确保在字幕框和项目符号上添加z-index

这将把你的元素带到前面

E.G

ol.orbit-bullets{
    z-index:5000;
}