兼容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 相关文章推荐
用Zend Encode编写开发PHP程序
Feb 21 PHP
PHP中的string类型使用说明
Jul 27 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
Sep 20 PHP
PHP is_subclass_of函数的一个BUG和解决方法
Jun 01 PHP
ThinkPHP登录功能的实现方法
Aug 20 PHP
phpmyadmin中禁止外网使用的方法
Nov 04 PHP
PHP中使用循环实现的金字塔图形
Nov 08 PHP
php数组保存文本与文本反编成数组实例
Nov 13 PHP
PHP实现从远程下载文件的方法
Mar 12 PHP
php输出含有“#”字符串的方法
Jan 18 PHP
ThinkPHP开发--使用七牛云储存
Sep 14 PHP
php学习笔记之mb_strstr的基本使用
Feb 03 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程序占用多少内存(memory_get_usage)
2012/09/23 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
初识PHP中的Swoole
2016/04/05 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
jquery select选中的一个小问题
2009/10/11 Javascript
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
2020/07/19 Javascript
python+POP3实现批量下载邮件附件
2018/06/19 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
Python新手学习函数默认参数设置
2020/06/03 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
如何通过python检查文件是否被占用
2020/12/18 Python
HTML5图片预览实例分享
2014/06/04 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
Gap英国官网:Gap UK
2018/07/18 全球购物
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
打架检讨书800字
2014/01/10 职场文书
经销商培训邀请函
2014/01/21 职场文书
业务内勤岗位职责
2014/04/30 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
教育见习报告范文
2014/11/03 职场文书
劳模事迹材料范文
2014/12/24 职场文书
四年级学生期末评语
2014/12/26 职场文书
详解python的内存分配机制
2021/05/10 Python
用Python实现屏幕截图详解
2022/01/22 Python