1.我们看看百度:
2.再看看知乎
这行代码如下:
filter: grayscale(1)
-webkit-filter:grayscale(1) // 兼容性问题
你也可以用内联样式,只要没用 important CSS 语法,内联样式优先级最高:
<html style="filter:grayscale(1)">
...
</html>
说明如下:
我们使用了 CSS 特性 filter,并用了 grayscale 对图片进行灰度转换,允许有一个参数,可以是数字(0到1)或百分比,0% 到 100% 之间的值会使灰度线性变化。
如果你不想完全灰掉。可以设置个相对小的数字,如0.96等。