首页 > Web开发 > 详细

让页面整体变灰css设置

时间:2015-03-04 16:47:43      阅读:295      评论:0      收藏:0      [点我收藏+]

上次看到某人去世了,百度就把相应介绍某人的信息页面全部灰掉,于是寻找到了种简单的方法,只需设置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     }

 

让页面整体变灰css设置

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!