在网站需要变灰的页面head部分加入一行style
<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>
以上代码适用于主流浏览器,如新版的chrom,edge等
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
</style>
以上代码兼容绝大多数浏览器,包括QQ浏览器,360极速浏览器,IE浏览器等