[網路] 最新CSS3技術做哆啦A夢 IE8看起來超畸形

2010-05-13站長 角色 新知新奇

日本有一個網路達人,突發奇想,利用網際網路上最新的「CSS3」標準製作出了一個「哆啦A夢」。在各個瀏覽器上分別預覽過,在IE8上看起來的結果,超級畸形。

大家可能不知道「CSS3」是甚麼東西。簡單來講,CSS是一種控制網頁顯示的共通標準,而CSS3就是它的第三個版本。CSS的第三個版本,先進了很多,增加了許多的定義,讓像站長一樣從事網頁設計的人可以更為方便運用。

不過,畢竟CSS3是新標準,各個瀏覽器還不完全支援。現在「第二次瀏覽器大戰」打得如火如荼,我們就從下面這一張圖,看看各家瀏覽器在這一方面的表現究竟如何!

有沒有看到?Google的瀏覽器Chrome,與目前正在蠶食鯨吞微軟瀏覽器市場份額的Firefox,都成功的把用CSS3製作出來的哆啦A夢表現得淋漓盡致,非常有哆啦A夢的FEEL;而Opera這個標榜世界最快的瀏覽器,其實一樣看得出來是哆啦A夢啦,不過左下角的陰影,並沒有表現得很完全。那麼,目前世界上最多人使用的瀏覽器IE8呢?你一定看到會噗哧笑出來,這也差太大了吧?跟其他三家瀏覽器顯示出來的效果,根本沒的比。明明是圓形,卻顯示成方形,一整個不倫不類。IE8已經是微軟在Firefox等其他瀏覽器的步步進逼之下所推出的最新版本了,卻還是這個樣子,IE7,或是更之前的老古董IE6,就更不用說了,IE6甚至連.png圖像都還不支援呢。可是IE的很多市場份額卻還是在IE6上,本站的來訪者也還有一大部分是用IE6(建議如果你還是用IE6來關心本站的人,可以上微軟官網先更新成IE8)

這篇文章的目的當然不是宣傳IE8好爛好爛,不要用IE8了(其實哆啦王我也還是IE8的愛用者呢,不過其他瀏覽器確實有IE8比不上的地方是事實),純粹搏君一笑囉。最近微軟正在研發IE9,不知道這一次的大改版,會不會讓IE更有長進些?可是IE9卻說不要跟Windows XP玩了,我用好久最寶貝的Windows XP被拋棄了啊(會不會離題太多)。

另外,那位達人也順道比較了用png、gif、jpg與CSS3+XHTML(XHTML又是另一個概念了,簡單講就是網頁語法的國際標準)做出的哆啦A夢的大小。jpg佔的大小最大,要96.5KB(如果壓縮的大一點,當然可以縮更小啦,但是上面壓縮過的「印記」會很多);其次是png,60.2KB;就連只支援256色的gif動畫檔,也需要33.5KB。那麼,用CSS3+XHTML做出來的哆啦A夢呢??包含網頁檔加起來,總共居然只需要16.25KB啊!而且顯示出來的效果跟存成其他圖檔的效果是一樣的(當然IE例外啦)!

非常顯然,CSS3+XHTML是將來網際網路發展的主流了。做為網站的管理與設計人員,對於CSS3的發展,我也十分樂見,以後網頁檔案可以縮得更小小小,定義更多設計網頁也更便利,各位網友能夠有更棒的瀏覽體驗,而且做哆啦A夢圖檔的時候用CSS3也可以不用怕大家按右鍵選「另存圖片」(笑)。不過這畢竟是「以後」的事情……畢竟現在IE的市場份額佔了60%左右的絕大多數,設計網頁怎麼可能忽視這絕大多數的網友們呢?說不定等到將來IE9全面普及化之後,這個新版本也會慢慢的成為真正的標準吧。

在關心哆啦A夢的同時,知道網路上其他的大小事情與知識,怎麼樣,挺不錯吧?也許本站之後也會有很多與哆啦A夢有關甚至無關的「雜學」好料登場!敬請期待囉~


◎我們有 TELEGRAM 頻道囉!→快加入
站長 作者:站長

網路上叫大中華哆啦王,英文是superdoraking。喜歡哆啦A夢,所以經常關注他的新聞,建立這個網站不知不覺就超過14年了。雖然哆啦A夢與我從事的政治實務工作八竿子打不著,但是哆啦A夢總是能讓我不忘初心。

Facebook 個人網頁 聯絡信箱 更多文章»