各浏览器兼容性css写法

/* 针对Chrome谷歌浏览器内核支持的CSS样式 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    样式 /* 例如 .font1 {color:red}  */
}

针对Firefox浏览器的内核CSS写法：

@-moz-document url-prefix(){
   样式 /* 例如 .font1 {color:red} */
}

如果只让ie6看见用*html .head{color:#000;}

如果只让ie7看见用*+html .head{color:#000;}

如果只让ff看见用:root body .head{color:#000;}

如果只让ff、IE8看见用html>/**/body .head{color:#000;}

如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效

如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效

针对具体属性

如果只让ie6看见用_

    .head{_color:#000;}

如果只让ie7看见用+与_结合的方法:

    .head{+color:#f00;!;_color:#000;}

IE8正式版hack

\9″　例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox.
“*”　IE6、IE7可以识别.IE8、FireFox不能.
“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.
如：
   .a { color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }

从左到右分别对应   FireFoxs            IE8               IE7                 IE6

 

还有写css样式一定要记住顺序：

以下为引用的内容：
#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */

浏览器兼容性css样式写法顺序很重要