04 2013 档案

纯css页面变灰度兼容ie、firefox、chrome、opera、safari
摘要：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 与时俱进 阅读(1010) 评论(1) 推荐(0) 编辑

兼容firefox，chrome的网页灰度效果
摘要：从技术上来看，要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。ie系列支持css滤镜，一句 filter:gray; 就解决了所有问题。但是，众所周知，ie以效率低著名，你会发现开启以后速度显著下降。并且，最致命的，在其他浏览器下无效。有没有兼容所有浏览器的办法呢？有。JavaScript能做到，早就有人用js模拟了ie的gray滤镜，如果你感兴趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告诉你怎么用。1. 下载grayscale.js文件2. 在 阅读全文

posted @ 2013-04-20 20:31 与时俱进 阅读(1858) 评论(0) 推荐(0) 编辑

HTML5 组件Canvas实现图像灰度化
摘要：新建一个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 与时俱进 阅读(1749) 评论(1) 推荐(2) 编辑

友情链接：同里老宅院民居客栈
点击右上角即可分享
微信分享提示