リンクが効かない
疑似要素によってリンクが反応しなくなる
パンくずを作成した際、矢印やスラッシュのかわりに、疑似要素を使うことに。するとリンクが反応しなくなる事態に遭遇しました。その際の修正方法をメモ。beforeとafterを使っていたので、z-indexの問題かと思い、調整してみるもうまくいかない。そこで、どれが悪さをしているのか、一つづつコメントアウトして確認。どうもbeforeのcontent: “”;が関係するようで、コメントアウトするとリンクが復活しています。おかしいなと思い、早速ググるとドンピシャの答えに巡り合いました。pointer-events: none;とは！解決策をありがとう！
疑似要素を使ったらクリックできなくなった話とその解消法
【HTML + CSS】疑似要素を使ったらクリックできなくなった話とその解消法||広島でフリーランにてWEBデザイン・コ…
コメント
選曲
The Moldau