IE compatibility issues, various types of css hack code (for test purposes), csshack

IE compatibility issues, various types of css hack code (for test purposes), csshack

At present, most enterprises require IE7 + or IE8 + browser compatibility, and few require IE6.

IE6:

_ Margin-top: 20px;

IE6 + IE7:

* Margin-top: 20px;

+ Margin-top: 20px;

IE6 +:

Margin-top: 20px \ 9;

IE8 +:

Margin-top: 20px \ 0;

IE9:

/*: Root can also be recognized in Google Chrome, SO \ 9 */: root. item {margin-top: 20px \ 9;} must be added ;}

IE8:

/* There is no hack code for IE8, but it can be combined to implement */margin-top: 10px \ 0;: root. item {margin-top: 20px \ 9 ;}

 

This is just a headache. It can solve the IE compatibility problems encountered in production, but it is not clear which attributes cause the compatibility problems. It is necessary to understand the CSS attributes parsed by the browser, and try to avoid these pitfalls during production, improve development efficiency.