HI~ 歡迎你時常過來做客。
波堤獅告訴你
2011-05-11 21:43:56
/ 個人分類:軟體
目前各家瀏覽器對 CSS3 的支援狀況...(台灣製造)
[作者:Par-Salian]
(請注意IE7與IE版的波提獅)
如果把IE5、6、7、8、9都加起來,說IE是最多人使用的瀏覽器,應該當之無愧,不過比較多人用不代表IE的瀏覽器顯示是正確的,雖然多數正義一直是網路上最常見的真理,但遇上了HTML5、CSS3、還有那個不知道會不會變成標準的WebM,這個多數暴力完全發揮不了效用。
IE7(左側)顯然是拿槍自裁。IE6(右側)這根本已經不知道原型是啥了,難怪波提獅會哭哭
不久前,小薑曾寫過一篇用小叮噹測試各家瀏覽器CSS3支援的文章,那是日本的Pure CSS Design的網頁,由神人ShopDD製作。所謂的Pure CSS指的是不使用任何一張圖片,純粹用DIV背景色、切邊、圓角、陰影等CSS語法來「畫出」一個圖形,因為整個頁面都是用CSS來「畫」的,所以當瀏 覽器對CSS的支援不佳,很容易就會讓最後的成品變成一個神秘的外星圖像,之前小薑介紹的哆啦A夢 小叮噹 Pure CSS網頁就是一例,可以看到IE8的哆啦A夢簡直是整形失敗。
IE8(最右側)的結果真的有機器貓的感覺,壞掉的那種~ XD
或許因為製作這樣的東西,可以展現一定程度的CSS控制技術與知識,所以台灣這邊也有能人YIJEN製作 "波提獅" (Pon De Lion)的Pure CSS頁面,這次還多使用了@font-face(外部文字定義)的技術,援引網路字型來讓頁面呈現的文字更美觀,更加入了keyframes Animate的動畫效果,讓波提獅搖搖尾巴(僅支援使用 Webkit核心的Chrome & Safari),想要看看各種瀏覽器效果的讀者可以到Live Demo網頁一瞧究竟。
相關閱讀:
- WebOS即將跨入HP的PC產品線中,那Windows呢? (危軟, 2011-2-11)
- 201102 病毒通告 (P11555, 2011-2-09)
- Winamp Media Player (Player, 2011-2-28)
- 201103 病毒通告 (P11555, 2011-3-09)
- Java 創辦人轉職Google (PC, 2011-3-30)
- Java快取技術 紅帽釋出預覽版 (魔羯, 2011-5-05)
- 微軟認證考試7月1日漲價25% (PC, 2011-5-15)
- Sharp將免費提供XMDF 3.0電子書製作軟體 (BOOK, 2011-5-02)
- 蘭奇「去台灣化」 宏碁反擊 (PC, 2011-5-13)
- JavaScript:已強大到可執行Linux (PC, 2011-5-19)
論壇模式
推薦
收藏
等級(2)
編輯
管理
查看(40)
評論(0)
TAG:
波堤獅
瀏覽器
CSS
CSS3
軟體