jquery - SlidesJS 幻灯片在滚动时覆盖 html 内容

Question

我目前正在使用 SlidesJS 在有固定标题的网页上进行幻灯片放映（滚动时固定在页面顶部）。问题是当我滚动到页面底部时，幻灯片会停留在标题上方并覆盖它。

有没有办法让它在滚动时进入标题下方，或者让标题始终停留在所有内容之上（也许通过 css）？谢谢！

Answer 1

您可以在 css 中使用 z-index 将标题放在顶部。

#header {
   z-index: 10;
}
#imageSlider {
   z-index: 1;
}