如何用css将页面变成灰色

发布网友发布时间：2022-04-26 08:22

共6个回答

热心网友时间：2022-05-13 09:56

下面是最大限度兼容所有浏览器的代码：

html{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}

热心网友时间：2022-05-13 11:14

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

一般用于出现默哀...

热心网友时间：2022-05-13 12:48

可以设置背景颜色background-color

热心网友时间：2022-05-13 14:40

body{background:gray}

热心网友时间：2022-05-13 16:48

这个是看到百度百科的：

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

热心网友时间：2022-05-13 19:12

哇，你这个问题的方向好大，你想怎么变，怎么个变法？是将整个页面啊还是背景啊还是。。。。。。