我要在这里疯了。这是非常基本的。我有 5 个 slider 图像，每个 slider 都有一个链接到画廊的黑色按钮。我想在悬停在按钮上时更改背景颜色，但它只适用于子 slider 。
我相当确定这是一个定位问题，但我已经尝试将 z-index 值添加到 .banner-text div，但没有任何效果。
最佳答案
这里的问题是你的 .slides ul li有绝对定位，它们都有完全相同的z-index . slider 库似乎只对内部图像的不透明度进行动画处理 <li>元素。因此你所有的<li>元素存在并相互叠加。它导致悬停问题，因为悬停/点击/等。不会通过绝对元素到达底部。
子 slider 起作用是因为它是最上面的幻灯片。您可以通过简单地将另一张幻灯片拖到最后一张幻灯片来测试它，并且它上面的按钮将起作用。
作为解决方案，我建议您分配 z-index: -1到所有非事件幻灯片。我不知道你的情况是否可行。也许您需要寻找不同的 slider 库。
UPD:顺便说一下，Slick 是您当前库的一个很好的替代品。 http://kenwheeler.github.io/slick/ .我用了几次，它非常干净且可自定义。
关于html - 悬停在 slider 内的按钮上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48738174/