简单实现网站全站变灰的CSS代码

温馨提示:文章已超过944天没有更新,可能存在链接失效,相关教程仅供参考

当我们需要把网站变成灰色的时候应该如何操作呢?我们可以在style样式表中添加如下两种CSS代码其中的一种来实现。

CSS代码一

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

CSS代码二

html{ 
filter: grayscale(100%); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); 
filter: url("data:image/svg+xml;utf8,#grayscale"); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter: grayscale(1);
}


© 除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处

取消
微信二维码
微信二维码
支付宝二维码