Flexslider z索引导航失败
Flexslider z-index fails navigation
我的Flexslider工作得很好。然而,我需要它在导航栏下滑动,所以将其页边空白顶部设置为-75px,将div.flexslider z索引设置为-2。看起来很棒,但现在下一个/上一个箭头没有飞入,点击导航也不起作用。现在只是一个自动幻灯片放映。如果我删除z索引设置,它可以工作,但显示在导航栏的顶部。
它坐在一个使用bootstrap 3:-的网站上
<div class="row">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/garden.jpg" />
</li>
<li>
<img src="images/house.jpg" />
</li>
</ul>
</div>
</div>
在Chrome中,开发工具中没有抛出任何错误。在Firefox中,除非浏览器窗口缩小,否则滑块将完全消失。
我还需要调整什么来允许上一页/下一页和幻灯片导航使用z索引集,或者有其他方法吗?
答案是删除flex滑块上的z索引:-2。然后要将导航推到它的顶部,必须添加位置:相对和z索引:10。因此,相对位置是解决问题的关键。
希望这能帮助其他人。
Craig
相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- angular 1.5应用程序中的导航栏
- 无法从jquery Mobile导航栏重定向到另一个页面
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 导航到特定事件的另一个变量页面
- MVC 3页面导航和使用javascript传递参数
- 如何在react js中从一个页面导航到另一个页面
- 当json解析空响应时,Whatwg-Fetch失败,我该如何防止它
- JsFiddle在分叉后描述失败
- 导航栏没有调整到浏览器屏幕的大小
- 谷歌翻译导致导航链接失败
- 登录失败时导航到注册页面
- 为什么我的窗口导航代码失败
- 在导航中对活动项目背景进行动画处理失败
- ASP.NET MVC-在javascript处理程序中导航失败
- Flexslider z索引导航失败
- HTML5游戏-工作在IE, Chrome.在FireFox中失败…直到我导航到一个.mp3文件…然后它才工作
- Nodejs / express - fresh install在尝试导航到路由时失败
- Sencha xtype导航在添加initialize函数时失败
- 需要为我的导航创建移动版本失败