兼容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 日常开发小技巧
Sep 23 PHP
PHP教程之PHP中shell脚本的使用方法分享
Feb 23 PHP
工厂模式在Zend Framework中应用介绍
Jul 10 PHP
CodeIgniter模板引擎使用实例
Jul 15 PHP
PHP中怎样防止SQL注入分析
Oct 23 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
Dec 17 PHP
PHP之密码加密的几种方式
Jul 29 PHP
php similar_text()函数的定义和用法
May 12 PHP
ThinkPHP表单令牌错误的相关解决方法分析
May 20 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
Jul 20 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
Jul 31 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
Feb 10 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服务器实现多session并发运行
2006/10/09 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
php生成RSS订阅的方法
2015/02/13 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
浅析JavaScript动画
2015/06/10 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
基于滚动条位置判断的简单实例
2017/12/14 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
python之yield表达式学习
2014/09/02 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
Python守护进程实现过程详解
2020/02/10 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
室内设计自我鉴定
2013/10/15 职场文书
求职信内容怎么写
2014/05/26 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
人才市场接收函
2015/01/30 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python