一般在全国哀悼日，大地震的日子，清明节，我们都会让自己的网站全站灰色，以表示对逝者的悼念。那么下面分享几种方法 1、直接body中加入代码即可 实现这种效果很简单，只需要一句css代码：filter: grayscale(100%);，将其放到body元素的样式里面就行了。我
|
一般在全国哀悼日，大地震的日子，清明节，我们都会让自己的网站全站灰色，以表示对逝者的悼念。那么下面分享几种方法 1、直接body中加入代码即可 实现这种效果很简单，只需要一句css代码：filter: grayscale(100%);，将其放到body元素的样式里面就行了。我们自己实现的效果：
2、直接在调用的css样式文件中，这样不用改html代码。 直接上代码：
或下载的代码，推荐上面的代码
复制代码
代码如下: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\'></fecolormatrix></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
3、腾讯网的做法：
其他的一些方法： 1.网页黑白代码外部样式（写入*.css文件请用）
2.网页黑白代码内部样式（写入头部head标签里面）
3.网页黑白代码内联式（写入html标签，找到html）
|
2021-04-14
2021-04-29
2018-01-07
2022-06-10
2021-09-30
