清明节、全国哀悼日、大地震日，以及影响力巨大的强壮睫毛死亡或纪念日，作为站长，我们把自己网站上的每一页都弄成灰色(黑白)，表达对逝者的悼念。 那么今天，为了实现这个功能，我们将使用一些简单的代码。
今天上午，网友表示想把整个网站的颜色变成灰色、黑色的色调。 我记得这是以前纪念几天的时候用的，以前的脚本主页也用过。 我记得那时直接修改CSS就能实现，既然用户需要，现在抓紧时间整理一下有没有其他更好的方法。
我们可以根据实际需要选择合适的CSS代码样式添加到自己的web模板代码中，实现web灰色、黑白样式。
一、网页黑白码样式a第一类：修改CSS文件
通过在网页的CSS文件中添加以下CSS代码，可以实现网页的黑白，即网站的灰色化
CSS代码
网页黑白代码样式a
html {
filter : progid : dximagetransform.Microsoft.basic image (灰色比例=1)；
- WebKit-filter 3360 gray scale (100 %；
}
我还推荐这个代码页的黑白代码样式b
html {
- WebKit-filter 3360 gray scale (100 %；
- moz-filter :灰色比例(100 %；
-ms-filter:grayscale(100%；
-o-filter:grayscale(100%；
filter : progid : dximagetransform.Microsoft.basic image (灰色比例=1)；
_filter:none；
}
在这里，您可以将代码添加到HEAD模板中以实现所有工作站。
第二，网页的
将以下代码添加到标记中： 如果不想更改CSS文件，请在网页标题中
通过在标签内部嵌入内联CSS代码的形式实现使网站网页变灰的代码
html {
filter : progid : dximagetransform.Microsoft.basic image (灰色比例=1)；
- WebKit-filter 3360 gray scale (100 %； }
第三，向内联样式添加标签
如果您不喜欢上述两种方法，可以通过修改标记并添加内联样式来获得网页的灰色效果
代码
第四个：作者本人使用的CSS码
代码：
body *{
- WebKit-filter 3360 gray scale (100 %； /* webkit */
- moz-filter :灰色比例(100 %； /*firefox*/
-ms-filter:grayscale(100%； /*ie9*/
-o-filter:grayscale(100%； /*opera*/
过滤器： gray scale (100 %；
filter : progid : dximagetransform.Microsoft.basic image (灰色比例=1)；
过滤器： gray； /*ie9- */
}
在此，根据实际需要选择添加到代码中。
PS :以上几种方法只是通过CSS过滤器控制页面的显示，唯一不同的是CSS代码调用方式。 各位，喜欢哪个就自己挖吧！