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

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

1 一種是圖片之間的替換 也就是將正常的圖片再做成灰色的。這種方法應(yīng)該是最穩(wěn)定的了

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

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

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

這是應(yīng)用了濾鏡的效果。

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

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

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

這行代碼在IE下圖片變?yōu)榛疑?在firefox下半透明顯示。

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

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

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

來源：愛蒂網(wǎng)

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。