在国家重大事件时经常会用将网站风格变成素灰色,用以祭奠缅怀我们逝去同胞。今天,我们给大家分享一行代码实现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文件进行粘贴即可。

最后祝愿我们的祖国国泰民安,风调雨顺!