css相容問題

ie6 可以在屬性前加"_"

ie7 可以在屬性前加 "*"

ie8 可以在屬性前加"/"

什麼都不加就是火狐的標準

比如 margin是調火狐的

_margin是調ie6的

*margin是調ie7的

/margin是調ie8的.

其實，在實際的開發過程中，我們對常見的css屬性相容情況了然於胸，才能極大的提高我們的開發效率，寫出可以進行優雅降級的**。這裡並不是說一定要所有的css屬性相容情況都要背下來，對於使用率較低的，我們直接使用can i use 進行檢索。

邊框：背景：

background-size: 最低相容至ie9, 其它瀏覽器相容情況優良。

字型：@font-face: ie9及以上版本的ie瀏覽器，支援引入任何格式的字型檔案，而在ie9之前的瀏覽器，只支援引入eot格式的字型檔案。其它瀏覽器相容情況優良。

2d轉換：

transform: 最低相容至ie9（需要新增-ms-字首），其它瀏覽器相容情況優良。在transform屬性前加入瀏覽器核心字首是很好的實踐。不建議在svg元素上使用transform屬性，最新版本的ie並不支援這一使用方式。

3d轉換：

ie10 和 firefox 支援 3d 轉換。chrome 和 safari 需要字首 -webkit-。opera 仍然不支援 3d 轉換，它只支援2d 轉換。

過渡：transition:最低相容至ie10，其它瀏覽器相容情況優良。safari瀏覽器需要字首-webkit-，其它大部分瀏覽器對此並未有字首要求，因此除了特殊情況，可以不新增其它瀏覽器的字首。

動畫：animation:相容情況與transition屬性大致相同。