首先在网站顶部合适的位置添加一个按钮，代码如下：

一键变灰

然后在该模板中添加：

在default.css文件中添加：

/* 特殊日子 全站灰色 */
.site-gray, .site-gray *{
    filter: grayscale(100%);
    filter: gray !important; /* IE6+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
 

注意js文件路径，grayscale.js

一键变灰代码

这种方法是在前台添加一个类似于一键换肤的按钮。

第二种通过修改模板来变灰：

第一步：将grayscale.js放入Content_CommonBasejs文件夹内：

第二步：进入Views_CommonLayout文件夹找到“基础布局页.cshtml”文件

代码如下：

全站变灰代码