在国家重大事件时经常会用将网站风格变成素灰色,用以祭奠缅怀我们逝去同胞。今天,我们给大家分享一行代码实现Joomla网站变成灰色,非常简单。支持PC端IE浏览器、Chrome浏览器以及火狐浏览器。
愿逝者安息,生者奋进,国家昌盛!
操作开始
找到你的主题css文件,一般Joomla的CSS文件在'/templates/模板名称/css/文件夹下的custom.css文件,如没有可以创建一下这个文件,将下面这段代码粘贴到css文件的最底部,保存,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了。
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;
utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
这种代码适用于任何网站形式,只要找到对应的css文件进行粘贴即可。