css兼容寫法

@media screen and (-webkit-min-device-pixel-ratio:0) {

樣式

}

*HTML .SearchBox

{

樣式

}

針對Firefox瀏覽器的內核CSS寫法：

@-moz-document url-prefix() {

.font1 {color:red}

}

IE8就是本身來調試了。調試一個瀏覽器，有不合適的地方能夠在該內核css中重寫對應的方法，只需把不合適的樣式重寫便可實現。*HTML中則例外，須要每重寫一個都要加*HTML單獨處理。

針對樣式名

若是隻讓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.

「*」　IE六、IE7能夠識別.IE八、FireFox不能.

「_」　IE6能夠識別」_」,IE七、IE八、FireFox不能.

如：

.a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }

從左到右分別對應 FF,IE8 IE7 IE6

=============================

P{+color:#f00;}                支持 IE7 IE6        不支持 FF  IE8b

P{_color:#f00;}                支持ie6            不支持 FF

P{color:#f00; !important;}    

P{color:#f00;}                支持 IE6 IE7 IE8b FF

P{color:#00f !important;color:#f00; }     支持IE7 IE8b FF     不支持IE6

head:first-child+body p{color:#f00;}    支持IE7 IE8b FF       不支持IE6

                   支持IE8b            不支持IE6 IE7 FF

html*{color:#f00}            支持IE6 IE7          不支持 IE8b FF

body>p{color:#f00}            支持IE7 IE8b FF        不支持 IE6

html[xmlns] p {color:#f00}        支持 IE7 IE8b FF    不支持 IE6

@import "style.css"

@import "style.css" 

@import url(style.css)

@import url('style.css')

@import url("style.css")        支持 IE6 IE7 IE8b FF

P{}            支持 IE6 IE7  FF     不支持 IE8b