css使圖片變灰的實現(xiàn)方法
發(fā)布時間：2010-02-11 14:28:04 作者：佚名 
我要評論
我要評論最近項目中遇到個問題，就是要使圖片變灰。我想了幾種解決方案。
如果您是想將頁面 網(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下都半透明顯示 。
相關(guān)文章
- 這篇文章主要給大家介紹了關(guān)于利用CSS將網(wǎng)站網(wǎng)頁變灰色的相關(guān)資料，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看2017-07-04
用css3實現(xiàn)當(dāng)鼠標(biāo)移進去時當(dāng)前亮其他變灰效果
這篇文章主要介紹了用css3實現(xiàn)當(dāng)鼠標(biāo)移進去時當(dāng)前亮其他變灰效果,需要的朋友可以參考下2014-04-08css頁面變灰度兼容ie、firefox、chrome、opera、safari實現(xiàn)樣式
本文為大家詳細(xì)介紹下使用純css讓頁面變灰度并且兼容ie、firefox、chrome、opera、safari，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-22網(wǎng)頁變灰配合全國哀悼日的css代碼 20100421
這段代碼可以變網(wǎng)頁為黑白，將代碼加到CSS最頂端就可以實現(xiàn)素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。2010-04-20
這篇文章主要介紹了一段css讓全站變灰的代碼總結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)2020-04-04
