兼容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通用检测函数集合
Nov 25 PHP
使用bcompiler对PHP文件进行加密的代码
Aug 29 PHP
PHP fgetcsv 定义和用法(附windows与linux下兼容问题)
May 29 PHP
php加水印的代码(支持半透明透明打水印,支持png透明背景)
Jan 17 PHP
header导出Excel应用示例
Jan 24 PHP
php中cookie的使用方法
Mar 29 PHP
php jsonp单引号转义
Nov 23 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
Jan 09 PHP
php异常处理方法实例汇总
Jun 24 PHP
全面解读PHP的Yii框架中的日志功能
Mar 17 PHP
全面解析PHP验证码的实现原理 附php验证码小案例
Aug 17 PHP
PHP PDOStatement::fetchObject讲解
Feb 01 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
PL-880隐藏功能
2021/03/01 无线电
php中的数组操作函数整理
2008/08/18 PHP
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
Jquery 插件开发笔记整理
2011/01/17 Javascript
学习jQuey中的return false
2015/12/18 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
pycharm安装图文教程
2017/05/02 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
浅谈python多进程共享变量Value的使用tips
2019/07/16 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
python正则表达式实例代码
2020/03/03 Python
python 弧度与角度互转实例
2020/04/15 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
python中turtle库的简单使用教程
2020/11/11 Python
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
2014全国两会学习心得体会1000字
2014/03/10 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
幼儿园秋季开学寄语
2014/08/02 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
军训个人总结
2015/03/03 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
导游词之山海关
2019/12/10 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python
Python实现生成bmp图像的方法
2021/06/13 Python