スライドショーの時でもヘッダーを常に表示する

スライドショーやビデオの時にヘッダーが画像の後ろに配列されるため、プルダウンも同様に見ることができません。常にヘッダーを表示する方法を教えてください。

1 Like

質問拝見しました。

具体のストアを見ていないので、一般的な調整のしかたになりますが、回答いたします。

① CSSでz-indexを調整

z-indexとは、要素の前後の重なり順を決めるCSSプロパティです。数値が大きいほど前面に表示され、小さいほど後ろに配置されます。

ヘッダーが他の要素の後ろに回り込むのは、z-index の値で調整ができるかと思います。

.header {
  z-index: 9999; /* すべての要素より前に配置 */
}

画像や動画の要素のcssも確認していただきながら調整していただければと思います。

ご参考にしていただけますと幸いです。

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

1 Like

ご担当者様

ご返信をありがとうございます。
私もいろいろと調べまして、ご回答いただいた通り、以下の対応をしましたが、いまだにヘッダーが後ろになっています。

.header {

z-index: 9999; /* すべての要素より前に配置 */
}

今回、改めて上記の回答をいただきましたので、今一度、全てのコードを確認してみます。

}

1 Like