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

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

那么，有什么方法可以将箭头移动到Orbit的容器之外？更好的是，如果在容器下面我有上一个箭头，然后是子弹，然后是下一个箭头？

最佳答案

这可以用CSS完成。在本地，overflow：hidden位于.orbit容器中。如果将.orbit-container溢出：可见，然后将overflow：hidden添加到.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;
}