為了悼念，各大網(wǎng)站都紛紛將自己的站點(diǎn)顏色調(diào)灰，就連圖片也一樣，到底如何實(shí)現(xiàn)的呢，請(qǐng)看下面的代碼。

〈img src="http://hovertree.com/hvtimg/201512/f748s0ko.jpg" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" οnmοuseοver="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" οnmοuseοut="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">

變灰：style= "filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); "

　　如果想讓整個(gè)網(wǎng)站的圖片變灰，在樣式表中加入

img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

按紐變灰
INPUT {?border:1px solid #999;??filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

?

推薦：http://www.cnblogs.com/roucheng/p/texiao.html

總結(jié)

以上是生活随笔為你收集整理的CSS使图片变灰的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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