旋转木马外的导航控件 - 祖尔布基金会轨道

Question

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

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

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

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%;
}

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