前端页面，网页整体变灰

只需要在html的样式里面加一句代码

 html {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
 }

filter其实是css3的一个滤镜的效果

javascript语法

object.style.WebkitFilter="grayscale(100%)" 

css语法 filter函数有十种用法

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 "filter" 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。