1.IE8 compatibility issues : Convert to IE7 compatible, header plus code:
2, Flaot floating caused IE6 double margin:
Margin-left:10px!important; Under the/*IE7,IE8,FF is 10px*/;margin-left:5px; The/*ie6 property is written in 5PX, but the 10px is displayed.
Or add display:inline to the floating element to solve.
3, the difference ff,ie6,ie7
height:100px; FF does not recognize the 2nd and 3 attributes, so it reads height:100px; *height:120px; IE7 does not know the 3rd attribute, the 2nd attribute also covers 1th, so the read out is *height:120px; _height:150px; Three attributes IE6 all know, the 3rd attribute covers the first two, so read is _height:150px;
Report:
1, only IE7 recognition: *+html {...}
2, IE6 can not recognize the!important, others are possible;
3, IE6 support underline, IE7 and other do not support;
4. HTML header Reference (if IE) Hack:
1. For all ie: <!--[if ie]><!--your code--><! [endif]-->
2, for IE6: <!--[if IE 6]><!--your code--><! [endif]-->
3. For IE6 and above :<!--[if GTE IE 6]><!--Your code--><! [endif]-->
4, for non-IE browser :<!--[if! ie]><!--Your code--><! [endif]-->
CSS hack to resolve browser incompatibility issues