下層レイヤーのアンカーリンクを有効にする

HTMLページ内で、positonプロパティで複数のレイヤーを配置した場合、透過レイヤーの下のアンカーリンクが無効化されます。

解決の記述には無効化したいセレクタに以下のプロパティを追加します。

pointer-events: none;

注意:上のレイヤーにアンカーリンクがある、可動式のレイヤーの場合。

positon:fixed;

でレイヤーを重ねた場合、明らかにレイヤーの上にレイヤーがあるため、指定したサイズで覆われてしまいます。

なので、可動式のレイヤーについてはpositon:relative;にして総体的な参照とすることで、

pointer-events: none;を使用しない方法で解決できます。