CSS / Z-Index / Slickslider - 幻灯片

时间:2015-11-16 07:59:38

标签: html css z-index css-transforms

我目前在使用slickslider的网页上遇到恼人的问题。

我在Slider前面有一个定制的,绝对定位的箭头。箭头可以正常工作。

现在我想在一些(不是全部)幻灯片中放置一个播放按钮。

我的问题如下: 我无法将播放按钮带到箭头前面(-wrapper),这意味着播放按钮无法点击。

我已经在网上搜索并找到了一些解决zZ索引的解决方案,但是没有一个建议的解决方案(translate(0,0,0)或transform-style:flat)对我有用。

我希望有人可以提供帮助。

2 个答案:

答案 0 :(得分:0)

碰巧,因为这两个元素不在同一个父容器中。而这个容器不使用z-index。

拿你的按钮(div),给它一个类名并用控制按钮粘贴到同一个容器中,或者如果它是动态创建的,只需将它粘贴到幻灯片之后。在js中使用光滑事件更改并显示此按钮,当滑块到达您需要的幻灯片时,以其他方式隐藏它。

希望这会对你有所帮助。

答案 1 :(得分:0)

我自己找到了解决方案。不知道为什么我早些时候没想出来:

我只是将箭头置于绝对位置,并将包裹元素的高度设置为0,并显示溢出,因为可以看到here

很抱歉提问我30分钟后回答的问题。