CSS/HTML - ボタン内のテキスト上にカーソルを置くと、カーソルがポインタに変わります

Question

したがって、内部にテキストを含むHTMLリンクがあり、JSイベントがトリガーされます。私は、リンクにカーソルを合わせると

カーソルポインタ（ハンド）に変更します。のようなものが見えます。しかし、「こんにちは」と書かれている部分に特に触れると、I（梁）に戻ります。ボタン全体に手を残しておきたい。

また、cursor: pointerはすでにリンクのスタイルです。それがなければ、リンクは何らかの理由で完全にクリックできません。なぜ私は理解できません。 aタグはcursor: pointerなしでクリックできますか？

どのようなソリューションですか？

Answer 1

答えを見つけました：z-index。私はそれが何であるか分からないが、私は別のSOのポストでそれを見て、それは働いた。簡単な答えは、リンクのCSSスタイルにz-index:9999を追加することです。また、特定の値9999がなぜ機能するのかもわかりません（明らかに、このような状況では、z-indexの別の値も機能するはずです）が、私の場合はうまくいきます。

私は明らかにz-indexを後で調べます。しかし、誰かがそれについて何らかの光を放つように感じたら、してください。