pointer-events: none;は、HTML要素へのポインタイベント（クリック、タッチ、マウスダウンなど）の有無を制御するCSSプロパティです。しかし、アンカータグ（<a>）にこのプロパティを適用したとき、思うように効果が出ない場合があります。
そのような場合、アンカータグにdisplay: block;またはdisplay: inline-block;を設定してみてください。多くの場合、これでpointer-events: none;が正常に機能します。
これは、アンカータグがデフォルトでインライン要素であり、インライン要素の上にpointer-eventsを設定しても期待通りの挙動にならないことがあるためです。この挙動はブラウザの実装やレンダリングエンジンに依存します。
Comment