以前在寫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，自己機上裝不了。）

?

轉載于:https://blog.51cto.com/webview/297720

總結

以上是生活随笔為你收集整理的CSS手写代码总结02的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。