Weird bug_html/css_WEB-ITnose that the a tag click jump fails in IE6 and 7

Generally, the a tag is used to include img to implement the function of clicking on the image to jump. This is something that is often used on the front end.

I encountered a magical bug today: if I wrap a div on top of the img, and the div has width and height set, there will be no response when the image area is clicked.

The conditions for this bug to occur are: 1. The a tag contains a block element such as div
2. The block element must set the width and height attribute values ​​​​

3. The block element is under Contains img

Solution: Just change the structure or invalidate one of the three conditions