CSS3 帶來眾多全新的設計體驗,但有一個問題值得考慮:瀏覽器對 CSS3 特性的兼容情況如何?
因為頁面最終離不開用瀏覽器來渲染,并不是所有瀏覽器都完全支持 CSS3 的特性。有時花時間寫的效果只能在特定的瀏覽器下有效,這意味著只有部分用戶才能欣賞到,這樣的工作變得沒有什么意義。例如,使用 CSS3 制作背景僅在 Webkit 內核的瀏覽器下有效果。
想知道用戶能夠體驗到哪些 CSS3的 新特性,必須了解當前瀏覽器對 CSS3 特性的支持程度如何。
幸運的是,CSS3 特性大部分都已經有了很好的瀏覽器支持度。各主流瀏覽器對 CSS3 的支持越來越完善,曾經讓多少前端開發人員心碎的 IE 也開始挺進 CSS3 標準行列。
當然,即使 CSS3 標準制定完成,現代瀏覽器要普及到大部分用戶也是一個相當漫長的過程。如果現在就要使用 CSS3 來美化站點,有必要對各大主流瀏覽器對其新技術的支持情況有一個全面的了解。
那么哪些瀏覽器支持css3?
目前還沒有哪個瀏覽器能完全地支持css3,況且css3標準還沒完全出來,目前能支持部分css3的有:chrome和safari,firefox,opera,ie10等新版本主流瀏覽器。
注:IE8以下瀏覽器不支持CSS3,而IE8只支持非常小的一部分,IE9以及以上版本開始支持css3。
說明:
完全支持 CSS3 屬性的瀏覽器有 Chrome 和 Safari,而且不管是 Mac 平臺還是 Windows 平臺全支持。
CSS3 選擇器除了 IE 家族和 Firefox3,其他幾乎全部支持,Chrome、Safari、Firefox 3.6、Opera 10.5 最好。