最近項(xiàng)目中遇到個(gè)問題，就是要使圖片變灰。我想了幾種解決方案。

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

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

喜歡讓計(jì)算機(jī)干更多的事情。

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

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

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

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

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

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

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

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

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

• css