惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页
MyScale Blog
MyScale Blog
N
Netflix TechBlog - Medium
I
InfoQ
Jina AI
Jina AI
Martin Fowler
Martin Fowler
Recent Announcements
Recent Announcements
量子位
月光博客
月光博客
罗磊的独立博客
雷峰网
雷峰网
The Cloudflare Blog
V
V2EX
小众软件
小众软件
人人都是产品经理
人人都是产品经理
博客园 - Franky
T
Tailwind CSS Blog
有赞技术团队
有赞技术团队
S
SegmentFault 最新的问题

博客园 - 雨后出太阳

代码新建二维表 8招助你远离咽炎 C# 数据的加密解密 DbHelperSQL 判断数据库表结构公用方法 林仕鼎:互联网正发生模式变革 SQL Server 游标使用方法 网摘:互联网的2/8原则 红杉投资过程的独特之处 [转]毕业5年,同学之间差距为何这么大 - 雨后出太阳 - 博客园 ADO.NET数据存取技术与O/R Mapping演进[转] 工作以后十不要 减少奋斗30年 怎么算是优秀的程序员--写给工作2,3年了的同行 少走弯路的十条忠告 使用 DataFormatString 属性来提供列中各项的自定义格式 .NET世界的M型化--原文作者奚江华 <转>[创业经验]程序员创业:我的软件推广成功之路 一个程序员的C#命名规则<转> 推荐奚江华著《圣殿祭祀ASP.NET 3.5 专家技术手册 C#篇-----及他的TW博客进入方法》 C#算法
浏览器变灰的实现方式
雨后出太阳 · 2013-06-13 · via 博客园 - 雨后出太阳

关于浏览器变灰的实现方式:
1、最干脆最直接的办法是把图片变灰。(适合少量修改图片,兼容有所的浏览器)
2、用滤镜(IE滤镜和css3滤镜)控制,如(能够修改所有元素(包括图片),兼容IE系列及webkit系列)

-webkit-filter:grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter:grayscale(100%);    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 

3、用grayscale插件(官方网站:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/),
主要是通过canvas将图片转换成功灰色图片,利用data:image/png;base64,重新将src复制过去。
(兼容绝大部分浏览器,包括firefox。不过,建议只有让firefox调用grayscale插件,修改指定的图片。)
grayscale.js:http://james.padolsey.com/demos/grayscale/grayscale.js