html{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:url("data:image/svg+xml;utf8,
    
     
      #grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}
     
    

以上CSS代码是作用于整个HTML，当然也可以作用于某个div等。url中的路径是直接用data URL技术嵌入数据。稍后补上data URL的内容。。。

兼容性：亲测IE6、7、8、9、10、11通过、IE都通过了其他浏览器就肯定啦。