jquery - SlidesJS スライドショーは、スクロール時に HTML コンテンツをカバーします

Question

現在、SlidesJS を使用して、固定ヘッダー (スクロール中にページの上部に固定) を持つ Web ページにスライドショーを表示しています。問題は、ページの一番下までスクロールすると、スライドショーがヘッダーの上にとどまり、それを覆うことです。

スクロール中にヘッダーの下に移動したり、ヘッダーを常にすべての上に置いたりする方法はありますか (おそらく css を使用)。ありがとう！

Answer 1

css で z-index を使用して、ヘッダーを一番上に置くことができます。

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