親手測試！IE很讓人傻眼 CSS3對不同瀏覽器的支援度～
9/18紅色字補充：我要修正一下我的說法，根據網友留言，這些瀏覽器都仍有加入自家的元素在裡面，並沒有元全遵照W3C規範……
- 哆啦A夢欺騙了你！瀏覽器CSS3測試遭質疑
http://www.liulan7.net/a/news/2010/0525/1139.html
我之前有在Ubuntu正體中文討論區有看到一個很有趣的東東！
有一個網頁是純CSS3「繪」出一個多啦A夢的圖（不是圖片喔），所有東西包含圓角、陰影、點……通通都是用CSS3的格式寫出來的！
不過並不是每個瀏覽器都支援……雖然討論區文章內容有提到已經有別人測試出來了，不過我自己興趣一來，昨天也親手在自己家的電腦測試了一下！！
- CSS3多啦A夢測試 http://image.steachs.com/doria/
- Ubuntu正體中文討論區-回覆: youtube的html5不支援firefox http://www.ubuntu-tw.org/modules/newbb/viewtopic.php?viewmode=thread&topic_id=22012&forum=7&post_id=127848
以下是本人的測試擷圖
測試筆記：
除了Opera、IE9以外，其他都在Windows XP測試！我就照上面po圖的順序寫吧！
- Firefox 3.6.3：我目前最愛用最推薦的瀏覽器，在眾多人熱心的努力下，對於CSS3的支援度蠻好的，反光、陰影效果都有出來！僅次於Chrome！
- Chrome 5：支援度最好！連眼珠動動的動畫都有出來！在瀏覽網頁方面，Google可是很注重的喔！
- Opera 10.53：我之前只有裝在Windows 7裡，為了用這個軟體和IE9測試，還特地切換到Windows 7。
很明顯的看到支援度確實差了一點，不過圓角仍能秀出來，在整體而言，應該還不會影響太大吧～ - IE8：至於IE……真的很讓人傻眼、很無言～～～對CSS3不怎麼支援，連圓角、斜線都秀不出來……想想如果有網站在排版上真的實際大量用了CSS3的圓角，顯示出來應該會變得凌亂不堪……
我真的覺得IE是個落後的瀏覽器，會有很多人用只是因為IE是直接附在Windows裡，沒有在玩電腦的人也不會刻意去下載別的瀏覽器，對他們來說能用就好了…… - IE9工程版：看到我的網誌的人應該有注意到，這次我沒把IE9的擷圖po上去～我雖然有在Windows 7裡有安裝IE9，但光是一般瀏覽網頁都show不出來，當然CSS3也不可能測試了！不過我在討論區看到別人測試的擷圖，圓形是出來了，但斜線還是不行……虧微軟還號稱要遵照W3C的規範，那……??????????
別人的IE9工程版測試擷圖：http://i40.tinypic.com/34hctvt.png
在強調一次，這個多啦A夢是從CSS3「繪製」出來的，下圖就是證據，想仔細看的話就親自到那個網頁來察看原始碼吧！
延伸閱讀：
還在用IE上網嗎？挑一挑更適合的吧！ http://yuan817.blogspot.com/2010/03/ie.html
3 thoughts on “親手測試！IE很讓人傻眼 CSS3對不同瀏覽器的支援度～”
哆啦A夢欺騙了你！瀏覽器CSS3測試遭質疑
http://www.liulan7.net/a/news/2010/0525/1139.html
其它家瀏覽器~ 沒有一家可以100%正常的
雖然Apple瀏覽器可以達到99%正常,但還是有問題
IE8 出來時 CSS3 還沒制定
除非微軟有時光機
不然怎也不可能支援
事實上
CC3 和 HTML5 還在制定
至今都還制定沒完成
以這種速度在制定 家上各家廠商意見不合
等下一代 CSS4 和 HTML6 的出來時…….
都不可制定完成
謝謝你們的指教，我今天看到你們的留言才知道，原來沒有任何一個瀏覽器是100%支援的！我還真的已為只有IE才會搞自家元素的鬼……
不過這些瀏覽器搞自家元素，讓我覺得不太舒服，搞不懂為什麼界不乖乖遵循W3C規範，還是說W3C的規範裡能用的元素太少，才會讓各大瀏覽器想加入自家元素來擴充功能……？
那我又很好奇，我強力推薦的Firefox，官方說是謹守各項網頁標準，看到留言提供的網址，那還是有加入自家元素阿～那憑什麼說謹守網頁標準……？
而且制訂一直變來變去，苦的是網頁設計師阿～光是要應付各大瀏覽器就要花多點心力……