Javascript 底部的Flexslider导航按钮未显示

Javascript 底部的Flexslider导航按钮未显示,javascript,html,css,flexslider,Javascript,Html,Css,Flexslider,我使用的是flexslider 2基本样式。左右箭头显示正确,但图像底部的导航按钮未显示。我在这里和通过谷歌寻找解决方案,但我只能找到与侧导航箭头相关的答案,这些箭头工作正常,而不是下方的按钮 在head标签中,我添加了controlNav:true,但没有任何区别: <script type="text/javascript"> $(window).load(function() { $('.flexslider').flexslider({ controlNav: t

我使用的是flexslider 2基本样式。左右箭头显示正确,但图像底部的导航按钮未显示。我在这里和通过谷歌寻找解决方案,但我只能找到与侧导航箭头相关的答案,这些箭头工作正常,而不是下方的按钮

在head标签中,我添加了controlNav:true,但没有任何区别:

<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    controlNav: true,
    animation: "slide"
  });
});
</script>
我试着改变底部:-40px;至底部:-100px,认为导航按钮可能隐藏在图像下,但这也没有任何区别

我已经检查过字体文件是否在正确的位置,而且它们确实必须在正确的位置,否则箭头将不会显示,但我看不出点为什么不显示。我相信这很简单,因为我做错了。

试着换成:

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}

或删除溢出:隐藏自.flexslider

这已被匿名者标记为不清楚或不有用。您还需要什么进一步的信息?顺便说一句,否决票可能来自于一个认为这个问题是正确的人。我已经删除了你网站的链接,因为在我看来,没有它这个问题是可以理解的。如果有必要查看该链接以搜索问题,则该问题将脱离主题,因为您发布的测试链接可能会在短时间内被删除。值得注意的是,此处的问题是为未来读者的利益而设计和调整的,因此我们需要它们尽可能独立。@halfer是的,URL链接是一个临时措施,我认为可能有助于人们更好地理解我的问题。事实证明我错了,所以我现在明白了这一点,但如果当时能解释这一点,而不是无缘无故地投反对票,那会更好,对我和未来的读者更有帮助。也许现在链接被删除了,你可以投票支持它吗?我没有否决这个。如果每个人都能解释他们的反对票,那就太好了,但是匿名是允许的,人们经常投票和竞选:-。谢谢,这就解决了问题:-
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}