前端怎么实现那种整体页面变灰色

1.所有网站页面变灰色。。。方法一html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Micro

bst@微胖子

2999人浏览 · 2021-12-22 16:55:13

bst@微胖子 · 2021-12-22 16:55:13 发布

1.所有网站页面变灰色。。。

方法一

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

grayscale 英语的意思是灰度; 灰度图; filter为滤镜属性。直接给整个网页加上一个灰色的滤镜。

方法二

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}