css3相容ie8嗎

css3中只有小部分相容ie8，而ie8也只支援非常小的部分css3，像是「box-sizing:border-box」；但還有很多CSS3特性ie8及以下版本是不支援的，如樣式選擇器、圓角、陰影等。

本教學操作環境：Windows7系統、css3&&internet explorer8版本、Dell G3電腦。

CSS3 帶來眾多全新的設計體驗，但有一個問題值得考慮：瀏覽器對 CSS3 特性的相容情況如何？

因為頁面最終離不開用瀏覽器來渲染，並不是所有瀏覽器都完全支援 CSS3 的功能。有時花時間寫的效果只能在特定的瀏覽器下有效，這意味著只有部分使用者才能欣賞到，這樣的工作變得沒有意義。例如，使用 CSS3 製作背景僅在 Webkit 核心的瀏覽器下有效果。

想知道使用者能夠體驗到哪些 CSS3的 新特性，必須了解目前瀏覽器對 CSS3 特性的支援程度如何。

幸運的是，CSS3 功能大部分都已經有了很好的瀏覽器支援度。各主流瀏覽器對 CSS3 的支援越來越完善，曾經讓多少前端開發人員心碎的 IE 也開始挺進 CSS3 標準行列。

當然，即使 CSS3 標準制定完成，現代瀏覽器要普及到大部分使用者也是相當漫長的過程。如果現在就要使用 CSS3 來美化站點，有必要對各大主流瀏覽器對其新技術的支援情況有一個全面的了解。

css3與ie的兼容性

• #IE8以下，幾乎不相容CSS3，而IE8只支援非常小的一部分，例如box- sizing:border-box；

• IE9以上開始相容部分CSS3，但像flex-box這類的都是不相容的；

• IE11以後開始相容像flex-box這類比較前沿的樣式。

以下來看看Mac 和 Windows 兩個平台介紹 Chrome、Firefox、Safari、Opera 和 IE 五大主流瀏覽器對 CSS3 新功能和 CSS3 選擇器的支援。

1、CSS3 屬性支援情況

可以看出，完全支援CSS3 屬性的瀏覽器有Chrome 和Safari，而且不管是Mac 平台還是Windows 平台全支援。

2、CSS3 選擇器支援情況

除了IE 家族和Firefox3，其他幾乎全部支持，Chrome、Safari、Firefox 3.6、Opera 10.5 最好。

各主流瀏覽器都定義了私有屬性，以便讓使用者體驗CSS3 的新特性：

• Webkit 型別瀏覽器（如Safari 、Chrome）的私有屬性是以-webkit-前綴開始，

• Gecko 類型的瀏覽器（如Firefox）的私有屬性是以-moz-前綴開始，

• Konqueror 類型的瀏覽器的私有屬性是以-khtml-前綴開始，

• Opera 瀏覽器的私有屬性是以-o-前綴開始，

• 而Internet Explorer 瀏覽器的私有屬性是以-ms-前綴開始（目前只有IE 8 支援-ms-前綴）。

例如：

教學推薦：css影片教學

#更多程式相關知識，請造訪：程式設計入門# ！ ！

以上是css3相容ie8嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！