有做過網頁的人就會知道，
不同瀏覽器的設定都是最傷腦筋的…

幾乎每一個網頁不能缺少的CSS，
每個瀏覽器也是有不同的支援…

但是，當 CSS 3 推出時，
此問題於各大瀏覽器的差異越見嚴重，
故本人也來了一個小測試。

CSS 3 的支援狀況簡介:
http://chinese.engadget.com/2010/05/16/doraemon-shows-you-how-well-your-browser-is-doing-css3/

鑒於在不同作業系統環境、不同瀏覽器也有不同的結果，
故本人找來好幾個瀏覽器作測試！
以下是本人動用家中6個瀏覽器的測試狀況！

測試作業系統為：
Windows XP Home Version 2002 Service Pack 3

1. Google Chrome / 谷歌瀏覽器

因為懶得更新我家的chrome，
雖然有些白色小洞，
但是眼睛還時會上下移動的！
（測試版本為 3.0.195.21）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_chrome.jpg

http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_chrome.jpg

2. Mozilla Firefox / 火狐瀏覽器

在 Firefox上也很不錯，
但眼睛當然是不動的…
（測試版本為3.6.3）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_firefox.jpg

3. Internet Explorer 7 / 微軟瀏覽器

哈，我那台廢電腦只要一裝IE8就不動了，
所以只有IE7測試..
（測試版本為7.0.5730.11IS）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_ie7.jpg

4. Opera

呀…
原來Opera更新前也不是太完美…
（長年不更新，測試版本為9.26）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_opera.jpg

5. Windows 版 Safari

至於原本是蘋果電腦專用的Safari，
放到 Windows 裡用…
（測試版本為3.2.3，也是長年不更新=P）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_safari.jpg

6. Netscape

現在極少人用的Netscape…
因為要付錢才能更新到版本10或以上… =3=
（測試版本為9.0.0.6）
http://i123.photobucket.com/albums/o281/twinstars1021/css3_test/css3_netscape.jpg

7. 其他瀏覽器 / 還有你的

更多非本人的瀏覽器測試盡在此：
http://browsershots.org/http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html

說了那麼久，你家的瀏覽器又是怎樣呢？
點進去看看就明白了：
http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html

8. 結論

雖然有人指出這個多啦A夢的 CSS 是針對webkit 瀏覽器而寫的，對於IE 有欠公允，
但本人認為webkit 瀏覽器的支援性始終比起 IE 的更高！（所以我一早棄用了IE）

不過對於全球廣大人口仍使用IE 的現象，這仍然是一個非常傷腦筋的問題…
暫時上唯有繼續針對 IE 編寫網頁，另加webkit 版本的好了…