slideshow - Foundation 4 - 全宽轨道，但具有最大高度

Question

我的主页上有一个 Orbit 幻灯片：主页

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

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

但是，字幕和项目符号被“隐藏”了。有没有办法达到我想要的效果，同时仍然让项目符号和标题出现在轨道容器的底部？

任何建议将不胜感激。

谢谢，雷切尔

PS 我使用的是 Foundation 版本 4。

Answer 1

在您的自定义样式表中，确保在标题框和项目符号上放置一个 z-index

这将把你的元素带到前面

例如

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