为了纪念一些影响力很大的伟人逝世或者重要的纪念日的时候需要让网页全部变灰来表示我们对逝者的悼念。
其实这个功能很简单,只需要在HTML 的head标签里加入如下代码即可

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

或者在css样式文件中加入下面的代码

/*网站变灰*/ html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%);-o-filter: grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}

演示图

网站整体变成灰色CSS代码 第5张插图