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/

沒有留言:

張貼留言