Although new websites do not require Internet Explorer 6 compatibility, Internet Explorer 7, Internet Explorer 8/9, and Internet Explorer 10 are required. Sometimes there may be various magical phenomena in IE7. This blog record the problems encountered by the author in IE7 today.
First, let's look at a simple page to show the picture in the center of the DIV:
<! Doctype HTML>
It is displayed in Firefox, chrome, and ie9/IE8, as shown in:
However, IE7 is not centered:
After some CSS adjustments, the time also passed by 1 minute 1 second, and there was no result after half an hour.
Headache .....
Just as the author was about to give up, a sudden line break actually played a role, a new pageCodeAs follows:
<! Doctype HTML>
Current display effect:
Careful readers, what are the differences between the two codes ????
The only difference is thatThe IMG tag is followed by a line break !!!!
Alas! IE7 bug
If you have encountered a similar problem, I hope this blog will help you.
======================================
Some netizens mentioned in their comments whether the IMG tag is not closed?
This is not the problem. Even if the IMG label is closed, the problem still exists in IE7.
<! Doctype HTML>
Display Effect: