繁体   English   中英

轮播外的导航控件-Zurb Foundation Orbit

[英]Navigation controls outside the carousel - Zurb Foundation Orbit

我正在尝试将导航控件设置在转盘之外,而不是默认设置在转盘之外。

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

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

查看您的示例,我可以将以下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的宽度。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM