Flexslider箭头未正确显示
我已经坚持这个问题一段时间了，似乎无法找到答案，所以我决定直截了当地问。
我使用Flexslider插件在网站上显示多个图像，但是，当hover图像时显示的箭头导航关闭。 箭头在顶部被切掉，其下面应该被完全隐藏的文字部分显示出来。 以下是问题的屏幕截图：
我试着修补CSS，但我无法弄明白。 有人可以帮帮我吗？
删除overflow: hidden; 来自.flex-direction-nav a ：
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /* Remove this line */ opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
如果您需要更改或删除默认显示为“上一个”和“下一个”的文本，请参阅此处插件的选项文档“为您的需求量身定制”： http ： //www.woothemes.com/flexslider/
接下来，只需更新以下设置：
prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item
您还可以添加line-height来解决它：
.flex-direction-nav a { line-height: 40px; }
PS：它似乎是一个Flexslider错误，它在默认设置下无法正常工作。
我设法通过改变flexslider CSS中的“flexslider-icon”的字体大小来实现它（在flexslider.css中的第70行附近）。
它似乎默认设置为40px，但将其更改为30px在我正在构建的两个网站上完美运行。
打开“jquery.flexslider.js”文件并在第1125行（大约）搜索"// Primary Controls" 。 你会发现，
// Primary Controls controlNav: true, directionNav: true, prevText: "Previous", nextText: "Next",
在这里，您需要删除next和prev文本，然后再次保存。
希望这会有所帮助。
只需添加
.flex-direction-nav li a{ height:50px; }
这会覆盖默认的css
箭头是一种字体，对于容器来说太大了。
只需添加此CSS，它将减小字体的大小，反过来，修复截止问题。
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 35px; display: inline-block; content: '\F001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
将其添加到CSS中，它将覆盖flexslider的默认设置