Flexslider导航按钮底部未显示

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

在head标签中，我添加了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;，想着导航按钮可以将图像下被隐藏，但d ID也没有任何区别。

我已检查字体文件是否在正确的位置，并且确实必须是，否则箭头将不会显示，但我看不出为什么点不显示。我相信这会是简单的事情，我做错了。

来源

2017-08-06 Tog Porter

删除overflow: hidden这已经被打上了一个人（匿名）不明确或没有用处。你需要进一步的信息？问候，Tog –

downvote可能来自谁认为这个问题[违反本指南]（https://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-犯规，工作可以-I-刚刚糊一个链接到它）。我已经删除了您网站的链接，因为在我看来，如果没有它，这个问题就可以理解了。如果有必要查看链接以回答问题，则问题是无关紧要的，因为您发布的测试链接很可能会在短时间内被删除。 – halfer

值得注意的是，这里的问题是为了未来读者的利益而塑造和调节的，所以我们需要它们尽可能地自成体系。 – halfer

尝试更改为：

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

或者从.flexslider

来源

2017-08-06 13:16:31 ksav

谢谢，修正了它:-) –

Flexslider导航按钮底部未显示

回答

相关问题