Javascript 是否可以在幻灯片容器内移动环绕项目符号?

Javascript 是否可以在幻灯片容器内移动环绕项目符号?,javascript,jquery,html,css,zurb-foundation,Javascript,Jquery,Html,Css,Zurb Foundation,我正在使用并想知道是否有办法将幻灯片下方的项目符号移动到幻灯片本身的内容区域。基本上,把子弹放在图片的上面 有很多,但似乎没有一个能够解决子弹定位问题,我还没有找到一种在CSS中实现这一点的方法。在轨道子弹容器类中添加一个负边距顶部将实现这一点,例如 .orbit-bullets-container { margin-top: -60px; } 调整该值,使其显示在您希望的位置。您可能需要添加一个填充底部或边距底部,将滑块下方的内容放回页面 JSfiddle与HTML和CSS。或者,给

我正在使用并想知道是否有办法将幻灯片下方的项目符号移动到幻灯片本身的内容区域。基本上,把子弹放在图片的上面


有很多,但似乎没有一个能够解决子弹定位问题,我还没有找到一种在CSS中实现这一点的方法。

轨道子弹容器
类中添加一个负
边距顶部
将实现这一点,例如

.orbit-bullets-container
{
    margin-top: -60px;
}

调整该值,使其显示在您希望的位置。您可能需要添加一个
填充底部
边距底部
,将滑块下方的内容放回页面

JSfiddle与HTML和CSS。或者,给它一个
位置:相对的
顶部:一个负值
,不需要填充/空白。当你发布时,我只是在摆弄顶部空白。谢谢