為了悼念，各大網站都紛紛將自己的站點顏色調灰，就連圖片也一樣，到底如何實現的呢，請看下面的代碼。

〈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); "

　　如果想讓整個網站的圖片變灰，在樣式表中加入

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

總結

以上是生活随笔為你收集整理的CSS使图片变灰的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。