CSS hack for IE9

最近开始使用IE9，因此关于IE9的一些CSS hack也必须了解一下。

.hack{
background-color:#FFF;
background-color:#FFF\9\0;  \* ie9 *\
background-color:#FFF\0;  \* ie8+ie9 *\
*background-color:#FFF; \* ie6+ie7 *\
+background-color:#FFF; \* ie7 *\
_background-color:#FFF; \* ie6 *\
}
:root .hack{background-color:#F60; \* ie 9 *\}

在网上也看了一些同行分享的css hack，这里也做个笔记，分享一下。

/* Chrome, Safari, Firefox */
 @media all and (min-width:0) { }
———————————————————————————
/* Chrome, Safari */
 @media screen and (-webkit-min-device-pixel-ratio:0) { }
———————————————————————————
/* IE6+ */
 .class {
 color: red\9;
 }
———————————————————————————
/* IE8+ */
 .class {
 color: red\ 0;
 }
———————————————————————————
/* IE8 only */
 @media \ 0screen { }
———————————————————————————
 /* IE9 only */
 :root .class { }
———————————————————————————
/* 目前只发现 color、background-color 可以这样区分IE8和IE9 */
 .class {
 color: red\ 0; /* IE8+ */
 color: blue\9\ 0; /* IE9 only */
 }