Slick Slider 中的 Z-Index 未正常工作
作者: DHRegular创建于 2022年10月3日更新于 2026年9月14日
哈罗
我正在做一个滑板, 基本的DOM是:
<div class="overlay" \\\\\\\\\\\\\\\\\\\\\\\\\\\\"
<div class="闪闪发光滑者"".
<div class="滑行""QQdiv class="滑行-文字"". TEXT </div></div >
<div class="滑行""QQdiv class="滑行-文字"". TEXT </div></div >
<div class="滑行""QQdiv class="滑行-文字"". TEXT </div></div >
</div> (中文(简体) ).
<div class='slick-按钮'>
. . . . . . . . .
</div> (中文(简体) ).因此,覆被要显示在滑盘上方,通过绝对定位完成. 然后将一个Z-Index放入所有组件上,所以滑动器中的TEXT显示在上方的上方,但其他的都放在下方. 这是为了确保每个幻灯片上的文字容易被读取,而不是被覆盖的图像下. 这很容易做到
然而,一旦将浮油融入其中,z-index就会失去功能. 有人能解释为什么吗? 我无法让Z指数与Slick Slider合作, 我看到周围的观察, 许多人对Z指数有问题.
内容来源: kenwheeler/slick