瀏覽器相容IE6、IE7、IE8、Firefox、OperaCSShack區分

小知識：什麼是CSS hack？

　　由於不同的瀏覽器，比如IE6、IE7、IE8、Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。

　　這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。

　　這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack，也叫寫CSS hack。

針對樣式名

如果只讓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 auto9;”.這裡的”9″可以區別所有IE8和FireFox. “*”　IE6、IE7可以識別.IE8、FireFox不能. “_”　IE6可以識別”_”,IE7、IE8、FireFox不能. 如： .a {color:#f00;     color:#f609;    +color:#00FF00;    _color:#0000FF; } 從左到右分別對應 FF,IE8 IE7 IE6

————————————————-

各瀏覽器CSS hack相容表：

	IE6	IE7	IE8	Firefox	Chrome	Safari
!important		Y		Y
_	Y
*	Y	Y
*+		Y
9	Y	Y	Y