SVG代替img要素をクリッカブルにしてあげる時のクロスブラウザ対応法。pointer-events: none;や親要素へのcursor: pointer;

raimon49 のブックマーク 2012/02/12 21:27

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/80661265/comment/raimon49" data-user-id="raimon49" data-entry-url="https://b.hatena.ne.jp/entry/subtech.g.hatena.ne.jp/mayuki/20120212/1329046476" data-original-href="http://subtech.g.hatena.ne.jp/mayuki/20120212/1329046476" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsubtech.g.hatena.ne.jp%2Fmayuki%2F20120212%2F1329046476" data-user-icon="/users/raimon49/profile.png">はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Chrome">Chrome</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Firefox">Firefox</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/IE">IE</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/SVG">SVG</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/browser">browser</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/accessibility">accessibility</a>]</li></ul><br><p style="clear: left">SVG代替img要素をクリッカブルにしてあげる時のクロスブラウザ対応法。pointer-events: none;や親要素へのcursor: pointer;</p><a class="datetime" href="https://b.hatena.ne.jp/raimon49/20120212#bookmark-80661265"><span class="datetime-body">2012/02/12 21:27</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！