网站全局变黑白灰！只需一行代码！

190 阅读 0 评论 126 点赞

我是靠谱客的博主醉熏冬天，这篇文章主要介绍网站全局变黑白灰！只需一行代码！，现在分享给大家，希望可以做个参考。

全国性哀悼，很多网站都变为灰色。

到底怎么设置的？

在CSS样式中添加

html {
    filter: grayscale(100%);
}

网上很多资料都是下面这样设置的

html {
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    /*
        -moz代表firefox浏览器私有属性
        -ms代表ie浏览器私有属性
        -webkit代表safari、chrome私有属性。*/
}

但是自己测试过了，IE11浏览器无效

其实只需添加html{filter: grayscale(100%);}即可

然后我也测试一下CSDN的网站

发现也不兼容IE11 ，还是彩色的