CSS代码

html {
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 }

或

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}

或

html {
-webkit-filter: grayscale(100%); 　　　//代表苹果的Safari浏览器及谷歌内核识别码
-moz-filter: grayscale(100%);　　　//代表火狐内核识别码
-ms-filter: grayscale(100%); 　　　//代表Internet Explorer内核识别码（不兼容）
-o-filter: grayscale(100%); 　　　//代表欧朋Opera内核识别码
filter: grayscale(100%); 　　　//代表谷歌内核通用识别码
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 　　//DirectX内核识别码
}