CSS怎么使网页全部变成灰色

CSS怎么使网页全部变成灰色

如何设置网页全部灰色显示

爱刷s0147 | 浏览 109 次

我有更好的答案
发布于2013-11-08 22:36最佳答案
<script language=JavaScript
document.body.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)";
</script
方法二：把网页变成灰色显示的最简单的代码是在head之间加入如下代码：
<style type="text/css"
html {FILTER: gray;}</style方法三：把网页变成灰色显示的另外一种方法是在head之间加入如下代码：
<style type="text/css"<!--BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}--</style方法四：如果你的网站已经有CSS文件，那么只需要加入如下代码即可：
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
方法五：我比较推荐这种做法，在CSS文件中加入如下代码即可：
html{filter:gray();}
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
方法六：如果网站的CSS中已有BODY{}，那么直接加入如下代码即可：
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);比如：BODY {font-size: 12px; margin: 0px; coclor: #000; background: #fff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
在运用以上方法进行网页更改的时候，可能会遇到以下的问题，具体的解决方法仅供参考：2018-06-27

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);
filter: gray;
}

最有效2020-04-04

比如对页面所有P标签改变颜色 p {color:gray !important;}2017-01-06

这个问题很沉重
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}2017-01-06