固定ヘッダーの<a>タグがページ途中から効かなくなる

Question

固定ヘッダーの<a>タグを機能させたいです。

発生している問題・エラーメッセージ

画面をスクロールしていくと、固定ヘッダーの<a>タグが効かなくなります。

・効かなくなり始める箇所は常にある一定の箇所
・その箇所まではちゃんと<a>タグは機能する
・cursor: pointer;　も効かなくなる

この状況で考えられる問題を教えてください。
ご回答よろしくお願いします。

Comments

[dit.]

状況が再現するHTML、CSSの提示をお願いします。

[okuzono311]

問題解決しました。
ご回答ありがとうございました。

Answer 1

その特定の場所に、ヘッダーの前面に表示されてしまう違う要素があるのではないでしょうか。効かなくなった場所でデベロッパーツールで確認してください。

Comments

[okuzono311]

解決しました。
ご回答ありがとうございました。

Answer 2

とりあえずは、下記を試してみてください。
CSSで固定ヘッダーのz-indexを大きめに設定してみる。

厳密にやる場合の説明を、Chromeの場合ですると、
スクロールしてクリックが効かなくなったときに、ヘッダーを右クリックして検証をクリック、デベロッパーツールが開いて、クリックされた要素のHTMLが選択されてCSS設定が表示されるので、それでz-indexを調べて、固定ヘッダーのz-indexをそれより大きくする。

Comments

[okuzono311]

z-indexを大きくするだけで解決しました。
全面に別の要素があったということですね。
ありがとうございました。