親手測試!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,官方說是謹守各項網頁標準,看到留言提供的網址,那還是有加入自家元素阿~那憑什麼說謹守網頁標準……?
而且制訂一直變來變去,苦的是網頁設計師阿~光是要應付各大瀏覽器就要花多點心力……