网站全站灰屏代码

在重要的日子里，有时会把网站灰屏，只需简单的操作，即可完成。先看效果吧。

第一种方法：

<style>
*{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>

 第二种方法：

<style>
html{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter:gray;
}
body{
    background-blend-mode: luminosity;
}
</style>

第三种方法：

<style>
*{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);}
</style>

当然，这种代码有很多种，样式也各不相同，仅供参考。