一般的に、画像をクリックしてジャンプする機能を実装するには、imgを含むaタグがフロントエンドでよく使われるものです。
今日、魔法のようなバグに遭遇しました。img 上で div をラップし、その div に幅と高さが設定されている場合、画像領域をクリックしても応答がありません。
このバグの発生条件は、 1. aタグの下にdivなどのブロック要素が含まれている
2. ブロック要素にwidthとheightの属性値が設定されている必要がある
3. ブロック要素にimgが含まれている
解決策: 構造を変更するか、3 つの条件のいずれかを失敗させます