今天小編跟大家講解下有關css使圖片變灰的實現方法 ，相信小伙伴們對這個話題應該有所關注吧，小編也收集到了有關css使圖片變灰的實現方法 的相關資料，希望小伙伴們看了有所幫助。

如果您是想將頁面 網頁變灰配合全國哀悼日的css代碼 20100421下面是圖片特效。

1 一種是圖片之間的替換 也就是將正常的圖片再做成灰色的。這種方法應該是最穩定的了

但是就要花費時間去做多余的那些圖片了。應該算是比較費事的那種 程序員嘛 都比較懶

喜歡讓計算機干更多的事情。

2 于是又想到了第二種 就是用css來解決問題 上網一搜還真有。 將“filter：gray;”添加到圖片的樣式中就可以了。

這是應用了濾鏡的效果。

對于IE用戶這個問題是解決了 但在firefox下就不起作用了。問題在于IE有濾鏡的支持 而firefox就沒有。

后來只能是在firefox下將圖片半透明顯示 也能起到滿意的效果。

"filter：gray; -moz-opacity:.1;opacity:0.1;"

這行代碼在IE下圖片變為灰色 在firefox下半透明顯示。

filter：gray 這個屬性只有IE支持 -moz-opacity這個屬性firefox低版本支持 opacity高版本支持

”filter:Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;“

這行代碼在IE和firefox下都半透明顯示 。

來源：愛蒂網

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時候聯系我們修改或刪除，多謝。

總結

以上是生活随笔為你收集整理的html 图片变灰,科技常识：css使图片变灰的实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。