兼容firefox,chrome的网页灰度效果


Posted in PHP onAugust 08, 2011

只是在技术上来看,要实现网页灰度,最稳妥的办法莫过于直接处理所有图像,不用考虑兼容,不用考虑效率。但是,工作量比较大,切换回来也费力。

ie系列支持css滤镜,一句 filter:gray; 就解决了所有问题。但是,众所周知,ie以效率低著名,你会发现开启以后速度显著下降。并且,最致命的,在其他浏览器下无效。

有没有兼容所有浏览器的办法呢?有。JavaScript能做到,早就有人用js模拟了ie的gray滤镜,如果你感兴趣并且愿意看英文,可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看,我可以直接告诉你怎么用。

1. 下载grayscale.js文件

2. 在你的header里引用这个js文件

<script type="text/javascript" src="../include/jscript/grayscale.js"></script>

3. 要实现全站灰度,在onload事件中调用

grayscale(document.body);

我的主题背景图片比较多,处理起来较吃力,可能出现部分图片消失的情况。。。

我会把这个效果开启三天,如果因为处理问题导致主题显示不正常影响了大家的浏览效果还请见谅。反正来这儿的都是熟人,要影响也就你们几个。。。

PHP 相关文章推荐
用PHP生成静态HTML速度快类库
Mar 18 PHP
PHP 面向对象 PHP5 中的常量
May 05 PHP
PHP5中虚函数的实现方法分享
Apr 20 PHP
php数组去重的函数代码
Feb 03 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
Dec 15 PHP
整理php防注入和XSS攻击通用过滤
Sep 13 PHP
PHPStrom中实用的功能和快捷键大全
Sep 23 PHP
使用PHP similar text计算两个字符串相似度
Nov 06 PHP
php中strlen和mb_strlen用法实例分析
Nov 12 PHP
微信封装的调用微信签名包的类库
Jun 08 PHP
laravel如何开启跨域功能示例详解
Aug 31 PHP
php利用ob_start()清除输出和选择性输出的方法
Jan 18 PHP
用php解析html的实现代码
Aug 08 #PHP
php中设置多级目录session的问题
Aug 08 #PHP
ThinkPHP 防止表单重复提交的方法
Aug 08 #PHP
ThinkPHP与PHPExcel冲突解决方法
Aug 08 #PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
Aug 08 #PHP
php Smarty初体验二 获取配置信息
Aug 08 #PHP
php中Smarty模板初体验
Aug 08 #PHP
You might like
php桌面中心(二) 数据库写入
2007/03/11 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
ExtJS 2.0 实用简明教程之布局概述
2009/04/29 Javascript
javascript document.referrer 用法
2009/04/30 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Python中的zipfile模块使用详解
2015/06/25 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
Django框架安装方法图文详解
2019/11/04 Python
Stührling手表官方网站:男女高品质时尚手表的领先零售商
2021/01/07 全球购物
应届毕业生就业自荐信
2013/10/26 职场文书
参观监狱心得体会
2014/01/02 职场文书
竞选部长演讲稿
2014/04/26 职场文书
2014年冬季防火方案
2014/05/21 职场文书
119消防日活动总结
2014/08/29 职场文书
婚礼新人答谢词
2015/01/04 职场文书
水浒传读书笔记
2015/06/25 职场文书
学校运动会通讯稿
2015/07/18 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
银行大堂经理培训心得体会
2016/01/09 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
Java基础-封装和继承
2021/07/02 Java/Android
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers