• 資訊技術
    • 開箱
    • NAS
    • 瀏覽器
    • 刷機
  • 其他
  • 未整理舊文區

元兒~ 哩哩嚕嚕

打掉重練的新站

  • 資訊技術
    • 開箱
    • NAS
    • 瀏覽器
    • 刷機
  • 其他
  • 未整理舊文區

親手測試!IE很讓人傻眼 CSS3對不同瀏覽器的支援度~

by元兒~ 2010-06-05 未整理舊文

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

Tagged軟體相關

IE9工程版測試

不准讓別人改我的IE首頁設定

3 thoughts on “親手測試!IE很讓人傻眼 CSS3對不同瀏覽器的支援度~”

  1. ---
    2010-09-17 at 20:43:28

    哆啦A夢欺騙了你!瀏覽器CSS3測試遭質疑
    http://www.liulan7.net/a/news/2010/0525/1139.html

    其它家瀏覽器~ 沒有一家可以100%正常的
    雖然Apple瀏覽器可以達到99%正常,但還是有問題

    回覆
  2. Man
    2010-09-17 at 20:48:34

    IE8 出來時 CSS3 還沒制定
    除非微軟有時光機
    不然怎也不可能支援

    事實上
    CC3 和 HTML5 還在制定
    至今都還制定沒完成
    以這種速度在制定 家上各家廠商意見不合

    等下一代 CSS4 和 HTML6 的出來時…….
    都不可制定完成

    回覆
  3. 元兒~
    2010-09-17 at 23:53:18

    謝謝你們的指教,我今天看到你們的留言才知道,原來沒有任何一個瀏覽器是100%支援的!我還真的已為只有IE才會搞自家元素的鬼……

    不過這些瀏覽器搞自家元素,讓我覺得不太舒服,搞不懂為什麼界不乖乖遵循W3C規範,還是說W3C的規範裡能用的元素太少,才會讓各大瀏覽器想加入自家元素來擴充功能……?

    那我又很好奇,我強力推薦的Firefox,官方說是謹守各項網頁標準,看到留言提供的網址,那還是有加入自家元素阿~那憑什麼說謹守網頁標準……?

    而且制訂一直變來變去,苦的是網頁設計師阿~光是要應付各大瀏覽器就要花多點心力……

    回覆
發佈留言 取消回覆

近期文章

  • 我的網站/部落格建立、遷站的經驗
  • KBtalKing Pro Value 我人生中的第一把機械式鍵盤
  • MIUI V5 合作版 For Desire HD 簡單心得
  • [Android] SAO刀劍神域桌面美化
  • PACman v22.3.0 for HTC Desire HD 我又刷啦

近期留言

  • 「元兒~」於〈[Android] SAO刀劍神域桌面美化〉發佈留言
  • 「sky」於〈[Android] SAO刀劍神域桌面美化〉發佈留言
  • 「元兒~」於〈PACman v22.3.0 for HTC Desire HD 我又刷啦〉發佈留言
  • 「wind」於〈PACman v22.3.0 for HTC Desire HD 我又刷啦〉發佈留言
  • 「wind」於〈PACman v22.3.0 for HTC Desire HD 我又刷啦〉發佈留言

彙整

  • 2013 年 9 月
  • 2013 年 7 月
  • 2013 年 6 月
  • 2012 年 11 月
  • 2012 年 8 月
  • 2012 年 4 月
  • 2012 年 1 月
  • 2011 年 12 月
  • 2011 年 9 月
  • 2011 年 8 月
  • 2011 年 1 月
  • 2010 年 12 月
  • 2010 年 11 月
  • 2010 年 9 月
  • 2010 年 8 月
  • 2010 年 7 月
  • 2010 年 6 月
  • 2010 年 5 月
  • 2010 年 4 月
  • 2010 年 3 月
  • 2010 年 2 月
  • 2010 年 1 月
  • 2009 年 7 月
  • 2009 年 4 月
  • 2009 年 1 月
  • 2008 年 7 月

分類

  • 未整理舊文
  • 資訊技術
    • 刷機
    • 瀏覽器
    • 開箱

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文
Proudly powered by WordPress | Theme: Showme by NEThemes.