其实你给字体或者背景直接加一个red红色再进行操作一次，这样就会有更直观的体现
如何设置网页全部灰色显示爱刷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: 12pxmargin: 0pxcoclor: #000background: #fff
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
在运用以上方法进行网页更改的时候，可能会遇到以下的问题，具体的解决方法仅供参考：
主要发挥作用的样式过滤器以下两行：灰色
-webkit的过滤器：灰度（100％）
过滤器的意思过滤器，滤芯：灰色的意思是说一个灰色的滤光页，里面的所有内容的html变成黑色和白色。然而，这种过滤器是无效的chrome和safari浏览器，所以下面会有一排
-webkit的过滤器：灰度（100％）
这种风格是专为使用webkit核心的浏览器，意义和过滤：灰色差不多，只是以不同的方式写什么。
。幻灯片口罩{
过滤：无
不透明度：无
}
几行和页黑白无所谓，它的作用应该是关注的焦点网站过滤器除去。
