网站全局变灰操作方式及实现CSS代码

CSS方法

在网站需要变灰的页面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浏览器等