以前在写CSS的时候,一直都是以Mozilla Firefox3.0为基准,再根据IE的差别来写hack的。所以写得很多都是关于IE6、IE7、IE8方面的兼容,对于Opera、Chrome、Safari这些浏览器的兼容关注得比较少。今天在浏览网页的时候,看到CSS森林那里有一篇最新CSS兼容方案,自己看了感觉还不错。虽然很多都是自己知道,但关于Opera、Chrome、Safari这些自己还是会有一些搞混。毕竟Hack并不是越多越好。下面先记一些这些自己以后可能会用到的兼容写法!

  1. .e{ 
  2.     color:#FFF;/* FF,OP,IE8 */ 
  3.     [;color:#0F0;]/* Sa,CH */ 
  4.     *color:#FF0;/* IE7 */ 
  5.     _color:#F00;/* IE6 */ 
  6. .e{ 
  7.     background-color:#332200;/* FF*/ 
  8. html* .e{ 
  9.     background-color:#FF00FF;/* Sa IE7 CH */ 
  10. *+html .e{ 
  11.     *background-color:#0000FF;/* IE7 */ 
  12. * html .e{ 
  13.     background-color:#00FFFF;/* IE6 */ 
  14. }  
  15. html*~/**/body .e{ 
  16.     background-color:#055000;/* IE8 */ 
  17. @media all and(min-width:0){ 
  18.     .e{ 
  19.         background-color:#FF5500;/* OP */ 
  20.     } 

上面的代码自己都测试过了。没什么问题(除了IE8,自己机上装不了。)