CSS兼容问题

CSS属性级Hack

color:red; /\* 所有浏览器可识别\*/ 

_color:red; /\* 仅IE6 识别 \*/ 

\*color:red; /\* IE6、IE7 识别 */ 

+color:red; /\* IE6、IE7 识别 \*/ 

\*+color:red; /\* IE6、IE7 识别 */ 

[color:red; /\* IE6、IE7 识别 \*/ 

color:red\9; /\* IE6、IE7、IE8、IE9 识别 \*/ 

color:red\0; /\* IE8、IE9 识别\*/ 

color:red\9\0; /\* 仅IE9识别 \*/ 

color:red \0; /\* 仅IE9识别 \*/ 

color:red!important; /\* IE6 不识别!important 有危险\*/

CSS选择符级Hack

\*html #demo { color:red;} /\* 仅IE6 识别 */ 

\*+html #demo { color:red;} /\* 仅IE7 识别 */ 

body:nth-of-type(1) #demo { color:red;} /\* IE9+、FF3.5+、Chrome、Safari、Opera 可以识别 \*/ 

head:first-child+body #demo { color:red; } /\* IE7+、FF、Chrome、Safari、Opera 可以识别 \*/ 

:root #demo { color:red\9; } : /\* 仅IE9识别 \*/

IE条件注释Hack

<!--[if IE 6]>此处内容只有IE6.0可见<![endif]-->

<!--[if IE 7]>此处内容只有IE7.0可见<![endif]-->