奇妙な bug_html/css_WEB-ITnose タグのクリック ジャンプが IE6 および 7 で失敗する

一般的に、画像をクリックしてジャンプする機能を実装するには、imgを含むaタグがフロントエンドでよく使われるものです。

今日、魔法のようなバグに遭遇しました。img 上で div をラップし、その div に幅と高さが設定されている場合、画像領域をクリックしても応答がありません。

このバグの発生条件は、 1. aタグの下にdivなどのブロック要素が含まれている
2. ブロック要素にwidthとheightの属性値が設定されている必要がある

3. ブロック要素にimgが含まれている

解決策: 構造を変更するか、3 つの条件のいずれかを失敗させます