More than 5 years have passed since last update.

object タグをアンカーリンクで囲んでもリンクにならない

Posted at 2017-06-09

以下のように、object タグを a タグで囲んだ場合、SVG の部分がリンクになりません。

<a href="/">
  <object type="image/svg+xml" width="32" height="32" data="logo.svg"></object>
</a>

スタイルシートで以下のように設定すると、解消されるようでした。

object {
    pointer-events: none;
}