首頁 web前端 前端問答 不支援css3的瀏覽器有哪些

不支援css3的瀏覽器有哪些

Apr 21, 2021 pm 02:32 PM
css3 瀏覽器

不支援css3的瀏覽器有IE6、IE7、IE8。而chrome、firefox、safari、opera等主流瀏覽器都支援css3:Firefox、Opera、IE9和IE10支援部分css3;Chrome和Safari完全支援CSS3。

不支援css3的瀏覽器有哪些

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

支援和不支援css3的瀏覽器有哪些?

  • IE6、IE7、IE8不支援css3;而Firefox、Opera和IE9、IE10支援部分css3;Chrome 和 Safari完全支援 CSS3。

  • chrome、firefox、safari、opera等主流最新瀏覽器都支援css3。

  • 360、QQ、獵豹等國產大多都用的是chromium內核,與chrome標準一致,也都支持,國產雙核瀏覽器用極速模式。

  • 微軟的新瀏覽器Edge是支援的,IE11也是IE最後一個版本是支援的,其它版本的IE就要差些了。

可以看出,基本上所有主流瀏覽器,只要是最新版本,都支援css3。

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

(學習影片分享:css影片教學

以下分別在Mac 和Windows 兩個平台介紹Chrome、Firefox、Safari、Opera 和IE 五大主流瀏覽器對CSS3 新特性和CSS3 選擇器的支援情況。

CSS3 屬性支援情況如圖所示。可以看出,完全支援 CSS3 屬性的瀏覽器有 Chrome 和 Safari,而且不管是 Mac 平台還是 Windows 平台全支援。

不支援css3的瀏覽器有哪些

CSS3 選擇器支援情況如圖所示。除了 IE 家族和 Firefox3,其他幾乎全部支持,Chrome、Safari、Firefox 3.6、Opera 10.5 最好。

不支援css3的瀏覽器有哪些

各主流瀏覽器都定義了私有屬性,以便讓使用者體驗 CSS3 的新功能。例如,

  • Webkit 類型瀏覽器(如Safari、Chrome)的私有屬性是以-webkit-前綴開始,

  • #Gecko 類型的瀏覽器(如Firefox)的私有屬性是以-moz-前綴開始,

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

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

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

更多程式相關知識,請造訪:程式設計入門! !

以上是不支援css3的瀏覽器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何通過CSS自定義resize符號並使其與背景色統一? 如何通過CSS自定義resize符號並使其與背景色統一? Apr 05, 2025 pm 02:30 PM

CSS自定義resize符號的方法與背景色統一在日常開發中,我們經常會遇到需要自定義用戶界面細節的情況,比如調...

為什麼在Safari中自定義樣式表能在本地網頁生效,但在百度頁面上卻無法生效? 為什麼在Safari中自定義樣式表能在本地網頁生效,但在百度頁面上卻無法生效? Apr 05, 2025 pm 05:15 PM

在Safari中使用自定義樣式表的問題探討今天我們來探討一個關於Safari瀏覽器的自定義樣式表應用問題。前端新手...

如何在網頁上正確顯示本地安裝的'荊南麥圓體”? 如何在網頁上正確顯示本地安裝的'荊南麥圓體”? Apr 05, 2025 pm 10:33 PM

在網頁中使用本地安裝的字體文件最近,我從網上下載了一種免費字體,並成功將其安裝到了我的系統中。現在...

如何通過JavaScript或CSS控制瀏覽器打印設置中的頁首和頁尾? 如何通過JavaScript或CSS控制瀏覽器打印設置中的頁首和頁尾? Apr 05, 2025 pm 10:39 PM

如何使用JavaScript或CSS控制瀏覽器打印設置中的頁首和頁尾在瀏覽器的打印設置中,有一個選項可以控制是否顯�...

如何在網頁上使用本地安裝的字體文件? 如何在網頁上使用本地安裝的字體文件? Apr 05, 2025 pm 10:57 PM

如何在網頁上使用本地安裝的字體文件你是否在網頁開發中遇到過這樣的情況:你已經在自己的電腦上安裝了一...

負邊距在某些情況下為何未生效?如何解決這個問題? 負邊距在某些情況下為何未生效?如何解決這個問題? Apr 05, 2025 pm 10:18 PM

負邊距為何在某些情況下未生效?在編程過程中,CSS中的負邊距(negative...

Flex佈局下文字超出省略卻撐開容器?如何解決? Flex佈局下文字超出省略卻撐開容器?如何解決? Apr 05, 2025 pm 11:00 PM

Flex佈局下文字超出省略導致容器撐開的問題及解決方法在使用Flex...

如何使用 CSS 和 Flexbox 實現圖片和文本在不同屏幕尺寸下的響應式佈局? 如何使用 CSS 和 Flexbox 實現圖片和文本在不同屏幕尺寸下的響應式佈局? Apr 05, 2025 pm 06:06 PM

使用CSS實現響應式佈局當我們希望在網頁設計中實現不同屏幕尺寸下的佈局變化時,CSS...

See all articles