css使圖片變灰的實(shí)現(xiàn)方法
發(fā)布時(shí)間：2010-02-11 14:28:04 作者：佚名 
我要評(píng)論
我要評(píng)論最近項(xiàng)目中遇到個(gè)問題，就是要使圖片變灰。我想了幾種解決方案。
如果您是想將頁面 網(wǎng)頁變灰配合全國哀悼日的css代碼 20100421 下面是圖片特效。
1 一種是圖片之間的替換，也就是將正常的圖片再做成灰色的。這種方法應(yīng)該是最穩(wěn)定的了，
但是就要花費(fèi)時(shí)間去做多余的那些圖片了。應(yīng)該算是比較費(fèi)事的那種，程序員嘛，都比較懶，
喜歡讓計(jì)算機(jī)干更多的事情。
2 于是又想到了第二種，就是用css來解決問題，上網(wǎng)一搜還真有。 將“filter：gray;”添加到圖片的樣式中就可以了。
這是應(yīng)用了濾鏡的效果。
對(duì)于IE用戶這個(gè)問題是解決了，但在firefox下就不起作用了。問題在于IE有濾鏡的支持，而firefox就沒有。
后來只能是在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下都半透明顯示 。
相關(guān)文章
- 這篇文章主要給大家介紹了關(guān)于利用CSS將網(wǎng)站網(wǎng)頁變灰色的相關(guān)資料，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看2017-07-04
用css3實(shí)現(xiàn)當(dāng)鼠標(biāo)移進(jìn)去時(shí)當(dāng)前亮其他變灰效果
這篇文章主要介紹了用css3實(shí)現(xiàn)當(dāng)鼠標(biāo)移進(jìn)去時(shí)當(dāng)前亮其他變灰效果,需要的朋友可以參考下2014-04-08css頁面變灰度兼容ie、firefox、chrome、opera、safari實(shí)現(xiàn)樣式
本文為大家詳細(xì)介紹下使用純css讓頁面變灰度并且兼容ie、firefox、chrome、opera、safari，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-04-22網(wǎng)頁變灰配合全國哀悼日的css代碼 20100421
這段代碼可以變網(wǎng)頁為黑白，將代碼加到CSS最頂端就可以實(shí)現(xiàn)素裝。建議全國站長動(dòng)起來。為在地震中遇難的同胞哀悼。2010-04-20
這篇文章主要介紹了一段css讓全站變灰的代碼總結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)2020-04-04
