jquery - 如何使用 Foundation 4 将 Orbit 导航箭头移出容器？

Question

我正在使用 Orbit 显示一些文本重元素，但箭头妨碍了我的文本。我厌倦了做任何花哨的 css33 来增加透明度，因为我需要它在 Firefox for OS9 中看起来正确，我认为这意味着 Firefox 3...

那么有什么方法可以将箭头移到 Orbit 容器之外吗？更好的是，如果在容器下方我有上一个箭头，然后是项目符号，然后是下一个箭头？

Answer 1

这可以通过 CSS 来完成。本质上，overflow:hidden 位于 .orbit-container 上。如果您使 .orbit-container 溢出:可见，然后将溢出:隐藏添加到 .orbit-slides-container 中，幻灯片仍将被隐藏，但 UL 之外的任何内容都可以移动到您想要的任何位置。这是我的做法:

.orbit-container {
    overflow: visible !important;
}
.orbit-slides-container {
    overflow: hidden !important;    
}
.orbit-container .orbit-prev {
    margin-left: -50px;
}
.orbit-container .orbit-next {
    margin-right: -50px;
}