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

【问题标题】：Foundation 4 - full width Orbit but with a max heightFoundation 4 - 全宽轨道，但具有最大高度
【发布时间】：2013-08-05 23:50:06
【问题描述】：

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

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

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

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

任何建议将不胜感激。

谢谢，雷切尔

附：我使用的是 Foundation 版本 4。

【问题讨论】：

我想我可能已经回答了我自己的问题。对于其他可能觉得这很有用的人（忽略上面的 CSS）： .orbit-container ul li { max-height: 400px;溢出：隐藏； } .orbit-container ul li img { 宽度：100%;不知道这是否是最优雅的方式，所以如果其他人有任何建议，很高兴听到他们。谢谢。
这对我有帮助，你应该回答你自己的问题:)

【解决方案1】：

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

这会将你的元素带到最前面

E.G

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

【讨论】：