以前在写CSS的时候,一直都是以Mozilla Firefox3.0为基准,再根据IE的差别来写hack的。所以写得很多都是关于IE6、IE7、IE8方面的兼容,对于Opera、Chrome、Safari这些浏览器的兼容关注得比较少。今天在浏览网页的时候,看到CSS森林那里有一篇最新CSS兼容方案,自己看了感觉还不错。虽然很多都是自己知道,但关于Opera、Chrome、Safari这些自己还是会有一些搞混。毕竟Hack并不是越多越好。下面先记一些这些自己以后可能会用到的兼容写法!
- .e{
- color:#FFF;/* FF,OP,IE8 */
- [;color:#0F0;]/* Sa,CH */
- *color:#FF0;/* IE7 */
- _color:#F00;/* IE6 */
- }
- .e{
- background-color:#332200;/* FF*/
- }
- html* .e{
- background-color:#FF00FF;/* Sa IE7 CH */
- }
- *+html .e{
- *background-color:#0000FF;/* IE7 */
- }
- * html .e{
- background-color:#00FFFF;/* IE6 */
- }
- html*~/**/body .e{
- background-color:#055000;/* IE8 */
- }
- @media all and(min-width:0){
- .e{
- background-color:#FF5500;/* OP */
- }
- }
上面的代码自己都测试过了。没什么问题(除了IE8,自己机上装不了。)