CSS|探索网站变灰的知识盲点的知识碎片！！序言一梦醒来，哦，又是一个阳光明媚的早晨。为向英雄致敬，市面上的应用程序和网站均已灰显。一边回忆，一边冒出一个问题，你是怎么做到的？可不可以一张一张调整图片，调整对应控件的颜色值？很明显不是。想来想去，还是直接debug，摸摸感觉比较好。探秘日记-查别人的Chrome打开哔哩哔哩，直接打开开发者模式，html的根节点有个class="gray"，好奇看看反映了什么：一个类能搞定吗？抱着怀疑的态度找了掘金：共同点是filter:grayscale的使用。探索日记-官网看看到底是什么filterCSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。官方给了一个小例子：找到对应的图片到灰度图片属性：探索日记-练习俗话说好记性不如烂笔头，自己动手做最实用。效果很明显。如果想改变整个页面的图片灰度，按照前人的方案直接在html中设置class即可。该方案使用掘金：附上相应的CSS样式：.mourning{-webkit-filter:grayscale(100%);/*兼容Chrome和Safari*/-moz-filter:grayscale(100%);/*与FireFox兼容*/-ms-filter:grayscale(100%);/*兼容IE浏览器*/-o-filter:grayscale(100%);/*兼容Opera浏览器*/filter:grayscale(100%);filter:#808080;}有人为你负重。心存感激。最后，希望所有的网站都不要再变灰变黑！！！再也不！！！资源网站开发技巧>CSS(CascadingStyleSheets)>过滤器
