Flexslider箭头显示不正确

thosetinydreams 发表于 Dev

那些梦想

我已经在这个问题上停留了一段时间，似乎找不到答案，所以我决定直接问。

我正在使用Flexslider插件在一个站点上显示多个图像，但是，将鼠标悬停在图像上时显示的箭头导航已关闭。箭头在顶部被切除，其下面的文本被完全隐藏，部分显示。这是问题的屏幕截图：

在此处输入图片说明

我尝试修改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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。