如何将网站设置为灰色（黑白色）

遇到伟人逝世或重大悼念事件时，站长们都会将自己的网站设置为灰色（黑白色），以此来表达我们的悼念之情，那么如何对自己的网站进行设置呢？

在网页的head标签前加入下面的代码

<style type="text/css">
    html, body {
        progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }
</style>

添加后对于某些程序如DEDE等需要手动生成一下静态网页方能看到效果。

也可以添加到CSS文件中，在全局所有的页面引用实现全站黑白色。

如果网站出现固定定位失效的请参考下面的文章：

css设置transform和filter对fixed定位的影响

  发布于：1年前 (2022-12-01)