CSS：

.gray {
        -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);        filter: grayscale(100%);    filter: url(gray.svg#grayscale);        filter: gray;}

HTML:

SVG代码：
     
              
           
      
     

原文：http://www.zhangxinxu.com/wordpress/2012/08/%e5%b0%8ftip-%e4%bd%bf%e7%94%a8css%e5%b0%86%e5%9b%be%e7%89%87%e8%bd%ac%e6%8d%a2%e6%88%90%e9%bb%91%e7%99%bd%e7%9a%84/