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