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

时间:2013-09-11 15:31:13

标签: javascript html css zurb-foundation orbit

我正在尝试将导航控件放在旋转木马外面而不是默认内部。

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

但是,父容器设置为overflow:hidden并隐藏箭头。 这是默认的吗?

1 个答案:

答案 0 :(得分:1)

在你的例子中,我能够将以下CSS应用于名为#feature1的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的宽度。