让页面整体变灰css设置

weixin_30372371

于 2015-03-04 15:26:00 发布

阅读量378

点赞数

原文链接：http://www.cnblogs.com/huangxiaowen/p/4313470.html

版权

上次看到某人去世了，百度就把相应介绍某人的信息页面全部灰掉，于是寻找到了种简单的方法，只需设置html

 1 html {
 2         filter: grayscale(100%);
 3         -webkit-filter: grayscale(100%);
 4         -moz-filter: grayscale(100%);
 5         -ms-filter: grayscale(100%);
 6         -o-filter: grayscale(100%);
 7         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");
 8         filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
 9         filter: gray;
10         -webkit-filter: grayscale(1)
11     }