javascript - 旋转木马外的导航控件 - Zurb Foundation Orbit

Question

我试图让导航控件位于轮播外，而不是默认设置在轮播内。

没有可用的数据选项。所以我尝试修改导航箭头的 CSS 以赋予它负绝对定位。

但是，父容器设置为overflow: hidden 并隐藏了箭头。这在默认情况下可能吗？

Answer 1

查看您的示例，我能够将以下 CSS 应用于 ID 为 #featured1 的 ul:

#featured1 {
    width: 90%;
    overflow: hidden;
    padding-left: 10%;
}

这样做时，您需要将右上角的计时器稍微移动一点，同时减少字幕宽度。使用这个 css 很容易做到这一点:

.orbit-container .orbit-timer {
    right:70px;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
     width:90%;
}

此解决方案将使您的 slider 图像变小，因此对于这种情况，您可能需要增加 .large-10 的宽度。