2010/05/31

[賞圖] CSS3做的小叮噹

友人傳給MiyaC這張圖,很可愛~
用css排的小叮噹

期待IE9對CSS 3 支援度能更高...


2010/05/14

讓整個網頁包括圖片變成灰階(黑白哀悼版)grayscaling

有時候,可能因為某些原因(通常是為了做哀悼版啦),
要讓整個網站短期間內變成黑白灰階版,
其實是有個很"瞬間"的方法!

在IE系列裡,可以從css裡面設定加一段:
elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';
就瞬間變成黑白,包括圖片也一起灰階了!



但是,ie以外的瀏覽器,就不支援這種濾鏡,必須採用程式手段...

可以看下面這個連結,介紹 如何讓非IE的瀏覽器,呈現灰階黑白版的網頁

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/