前几天因为伟人去世,大部分网站、APP都变成了黑白色(灰色),我一个行业网站的群里也在讨论如何让网站变成黑白的。一些群友发了几段代码,其中一个群友发的还算靠谱:

<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>  
并附言说放到统计代码里:

这段代码放到总设置的统计代码里面

其实不管放在那里,CSS加载有它的规定,从上到下,从左到右,从内到外,不同位置的CSS有它不同的权重,具体可以去查一下手册。

以上代码经过测试还是可以正常使用:

后来我觉得这个太复杂了,可能兼容性比较好,但是有一定冗余,时代在前进,需要摒弃一些东西,在网上搜到了如下方法:
html{
  filter:grayscale(100%)  
}
这是一个CSS3的代码,非常简单,分享给大家。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部