查看原文

? 除了 filter 还有什么置灰网站的方式？

内容简介：

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样：

当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。
像是这样，我们仅仅需要给 HTML 添加一个统一的滤镜即可：
html {
filter: grayscale(.95);
-webkit-filter: grayscale(.95);
}

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

// ...

html {
filter: url(#grayscale);
}

大部分时候，这样都可以解决大部分问题。不过，也有一些例外。譬如，如果我们仅仅需要置灰网站的首屏，而当用户开始滚动页面的时候，非首屏部分不需要...

?更多精彩头条内容，请收藏程序员导航网，为您提供一站式码农必备网址大全，持续为您输出优质站点和IT信息！