Uncategorized

a タグの中の label タグは IE ではクリック出来ない

以下のようなHTMLがあって、 要件としては span, label のどちらがクリックされても、a タグのリンク先に遷移するようにしたい。Chrome だとうまくいくけど、 IE だと span の部分でしか反応しなかった。

<a href="hogehoge">
<span class="set-bg-image"></span>
<label>ほげほげ</label>
</a>

いろいろ調べていると下記の参考情報に行き当たり、どうやら IE のみ正常に動作しないようで、かつこのような場合は label は使うべきではないらしい。下記のようにコードを修正することで Chrome でも、 IE でも目的の動作をさせることができた。

<a href="hogehoge">
<span class="set-bg-image"></span>
<span>ほげほげ</span>
</a>

IE のバグってことでいいのかなー…?

参考情報