摘要: html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;} 阅读全文
posted @ 2013-04-20 20:43 与时俱进 阅读(1006) 评论(1) 推荐(0) 编辑
摘要: 从技术上来看,要实现网页灰度,最稳妥的办法莫过于直接处理所有图像,不用考虑兼容,不用考虑效率。但是,工作量比较大,切换回来也费力。ie系列支持css滤镜,一句 filter:gray; 就解决了所有问题。但是,众所周知,ie以效率低著名,你会发现开启以后速度显著下降。并且,最致命的,在其他浏览器下无效。有没有兼容所有浏览器的办法呢?有。JavaScript能做到,早就有人用js模拟了ie的gray滤镜,如果你感兴趣并且愿意看英文,可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看,我可以直接告诉你怎么用。1. 下载grayscale.js文件2. 在 阅读全文
posted @ 2013-04-20 20:31 与时俱进 阅读(1852) 评论(0) 推荐(0) 编辑
摘要: 新建一个html页面,在body tag之间加入<canvasid="myCanvas">GrayFilter</canvas> 添加一段最简单的JavaScript 脚本<prename="code"class="javascript">window.onload=function(){varcanvas=document.getElementById("myCanvas");<spanstyle="white-space:pre"></s 阅读全文
posted @ 2013-04-20 20:19 与时俱进 阅读(1744) 评论(1) 推荐(2) 编辑
友情链接:同里老宅院民居客栈