在重要的日子里,有时会把网站灰屏,只需简单的操作,即可完成。先看效果吧。
第一种方法:
<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>
当然,这种代码有很多种,样式也各不相同,仅供参考。