niapp項目里面要做按鈕 ，下載了幾個按鈕圖標之后，想弄成灰色禁用效果，作為手越高、人越懶信念的堅定支持者，懶得再去下載灰色圖標了，直接CSS搜起，發現了方便的辦法。

實例

隨便找點兒圖片：

使用此句可以全部變灰。

filter: grayscale(1)

如果是grayscal(0.5)?

只有一點兒顏色，半灰是也，如同加了個濾鏡。

filter：n. 過濾器；濾光器，濾聲器，濾波器；過濾程序，過濾軟件；（指示車輛轉彎的）分流指示燈 v. 過濾；滲入，透過；（消息、信息等）慢慢傳開，走漏；緩慢進入，陸續步入；（車輛）看到分流指示燈的信號后轉彎；（程序）篩選。

uniapp項目中的運用

放在自己項目里面，直接使用動態class搞定。

了紀念一些影響力很大的偉人逝世或者重要的紀念日的時候需要讓網頁全部變灰來表示我們對逝者的悼念。

其實這個功能很簡單，只需要在HTML 的head標簽里加入如下代碼即可。

<style type="text/css">

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

</style>

這里實現的是讓網頁整體變灰，無論網站的頭部、尾部或者側邊欄分離都可以實現效果。網上有很多方法，多數都是通過CSS的濾鏡來控制頁面的顯示而已，唯一不同的就CSS代碼調用的方式而已。

很早以前想著一個網站那么多的圖片、手動處理后替換是一個工作量異常繁復的事，然而事情當然沒有這么簡單，僅需幾行代碼即可輕松完成。

最后附上已故偉人的一首詞，沉痛哀悼深切緬懷...

《滿江紅·江上青百年誕辰祭》

自古英雄，憑蒼宇、江山點索。

酬壯志、鐵窗寒徹，泮池磅礴。

史嶺紅梅花瀝血，蘆溝曉月天飛鶴。

擎玉虹，魑魅冷相看，驚魂魄。

歌潁上，旗旆爍。驅稔寇，飆塵惡。

訴聲聲杜宇，孛星凋落。

春水綠楊風曼暖，秋山紅葉日彰灼。

清明日、持酒告先靈，神州躍。