当有重大事件发生时,需要网站全站置灰怎么实现

当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。

一：我们仅仅需要给 HTML 添加一个统一的滤镜即可：

html {

filter: grayscale(.95);

-webkit-filter: grayscale(.95);

}

或者，使用 SVG 滤镜，也可以快速实现网站的置灰：

<div>
// ...
</div>

<svg xmlns="https://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"/>
    </filter>
</svg>

html { filter: url(#grayscale); }