浏览器兼容性css样式写法

2019独角兽企业重金招聘Python工程师标准>>>

/* 针对Chrome谷歌浏览器内核支持的CSS样式 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    样式 /* 例如 .font1 { color:red; }  */
}
/* 针对火狐Firefox浏览器的内核CSS写法 */
@-moz-document url-prefix(){
   样式 /* 例如 .font1 { color:red; } */
}
/* 针对IE6的内核CSS写法 */
*html .head{ color:#000; }
/* 针对IE7的内核CSS写法 */
*+html .head{ color:#000; }
/* 针对火狐Firefox的内核CSS写法 */
root body .head{ color:#000; }
/* 针对火狐Firefox和IE8的内核CSS写法 */
html>/**/body .head{ color:#000; }
/* 针对非IE6的内核CSS写法，即对IE 6无效 */
html>body .head{ color:#000; } 
/* 针对非火狐Firefox、IE6的内核CSS写法，即对火狐Firefox、IE8无效 */
*body .head{ color:#000; }

针对具体属性

如果只让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不能.

转载于:https://my.oschina.net/kangweb/blog/1635324