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

Question

我试图将导航控件放在轮播之外，而不是默认在里面。

没有可用的数据选项。因此，我尝试修改导航箭头的 CSS 以使其具有负绝对定位。

但是，父容器设置为溢出：隐藏并隐藏箭头。默认情况下可以吗？

Answer 1

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

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

这样做你需要将右上角的计时器稍微移动一点，并去掉标题的宽度。这很容易用这个 css 完成：

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

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

此解决方案将使您的滑块图像更小，因此您可能希望在这种情况下增加 .large-10 的宽度。