jquery – Flexslider箭头无法正确显示

前端之家收集整理的这篇文章主要介绍了jquery – Flexslider箭头无法正确显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直呆在这个问题上,似乎找不到答案,所以我决定直接问。

我正在使用Flexslider插件在一个网站上显示多个图像,但是,当悬停图像关闭显示的箭头导航。箭头在顶部被切断,其下面的文本应该是完全隐藏的部分显示。这是一个屏幕截图的问题:

我尝试修改CSS,但我根本无法想像出来。有人可以帮我吗

解决方法

删除溢出:隐藏;来自.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.8); 
    text-shadow: 1px 1px 0 rgba(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
原文链接:https://www.f2er.com/jquery/182738.html

猜你在找的jQuery相关文章