1. 程式人生 > >css的相容性寫法

css的相容性寫法

瀏覽器相容性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 */