底部的 Flexslider 导航按钮未显示答案

【问题标题】：Flexslider nav buttons at bottom are not showing底部的 Flexslider 导航按钮未显示
【发布时间】：2017-08-06 12:27:15
【问题描述】：

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

在头标签中我添加了controlNav: true，但没有任何区别：

<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    controlNav: true,
    animation: "slide"
  });
});
</script>

flexslider.css 有：

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

我尝试将 bottom: -40px; 更改为 bottom: -100px; ，认为导航按钮可能隐藏在图像下方，但这也没有任何区别。

我检查了字体文件是否在正确的位置，确实它们必须在，否则箭头不会显示，但我看不出为什么点不显示。我敢肯定这只是我做错了一些简单的事情。

【问题讨论】：

这已被某人（匿名）标记为不清楚或无用。您还需要什么进一步的信息？问候，托格
反对票可能来自认为问题violated this guideline 的人。我已经删除了指向您网站的链接，因为在我看来，如果没有它，这个问题是可以理解的。如果需要查看链接以了解问题，则问题是题外话，因为您发布的测试链接可能会在短时间内被删除。
值得注意的是，这里的问题是为了未来读者的利益而设计和调整的，因此我们需要它们尽可能独立。
@halfer 是的，URL 链接是一种临时措施，我认为这可能有助于人们更好地理解我的问题。事实证明我错了，所以我现在明白了这一点，但对我和未来的读者来说，当时解释这一点会更好，更有帮助，而不是简单地无缘无故地投反对票。也许现在链接被删除了，你可以投票支持它吗？
我没有对这个投反对票。如果每个人都解释他们的反对意见会很好，但允许匿名，人们经常投票并运行:-)。

标签： javascript html css flexslider

【解决方案1】：

尝试更改为：

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

或从.flexslider 中删除overflow: hidden

【讨论】：

谢谢你，修复了它:-)