加入css样式
html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox */
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray; /* IE6-9 */
}
html标签中添加如下代码
html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">
ie 10 如果在必须变灰色的情况下,可以尝试使用grayscale.js
