如何将网页变成灰色

更新时间:2018-08-27 11:57:50

以前听说在一些国家灾难大事纪念日什么的网站要变灰!!!有那么点意思。

对于htmlcmsjszhekebu这可不是什么难事!

css的一个属性就是可以

一、
html {
-webkit-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}


二、

html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); } 


三、

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,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 

四、
浏览器兼容一览


html {
   filter: grayscale(100%);//IE浏览器
  -webkit-filter: grayscale(100%);//谷歌浏览器
  -moz-filter: grayscale(100%);//火狐
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);//谷歌浏览器
}