枠のSVGイメージを上層に置いた時、下層のリンクをクリックできるようにしたい

Question

SVGイメージで作った大きな枠をposition:fixedで最上層に固定し、
その下にコンテンツを置きます。

しかし当然ながら上の要素が被っているため、コンテンツ内のリンクはクリックできません。

どうにか枠より下層にコンテンツを置きながらも、
リンクをクリックできるようにする方法はありませんでしょうか？

Answer 1

svgに以下のスタイルを当てるといいみたいです。

.some-svg {
  pointer-events: none;
}

https://codepen.io/sakapun/pen/EQpGpy

Comments

[cryson]

ありがとうございます。