CSS 更直接有效的hack 寫法

以前在用的css hack（這裏主要針對ie，用color舉例）

div{

    *color:red;    /* IE6    IE7 */

    color:red\0;     /* IE6    IE7    IE8    IE9    IE10 */

    color:red\0;     /* IE8    IE9    IE10 */

    _color:red;    /* IE6 */

}

可是IE9 支持部分css3 好比圓角,IE8如下的hack就不是很好用，因此就用了下面的方式

*html *前綴只對IE6生效
*+html *+前綴只對IE7生效
@media screen\9{...}只對IE6/7生效
@media \0screen {body { background: red; }}只對IE8有效
@media \0screen\,screen\9{body { background: blue; }}只對IE6/7/8有效
@media screen\0 {body { background: green; }} 只對IE8/9/10有效
@media screen and (min-width:0\0) {body { background: gray; }} 只對IE9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只對IE10有效