兼容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上传、管理照片示例
Oct 09 PHP
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
Jan 06 PHP
php 文件缓存函数
Oct 08 PHP
sql注入与转义的php函数代码
Jun 17 PHP
PHP生成随机密码类分享
Jun 25 PHP
php foreach如何跳出两层循环(详解)
Nov 05 PHP
PHPCMS手机站伪静态设置详细教程
Feb 06 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
Aug 28 PHP
对于Laravel 5.5核心架构的深入理解
Feb 22 PHP
浅谈PHP中的Trait使用方法
Mar 22 PHP
ThinkPHP5.1框架页面跳转及修改跳转页面模版示例
May 06 PHP
如何用PHP实现分布算法之一致性哈希算法
May 26 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脚本的10个技巧(8)
2006/10/09 PHP
php采集时被封ip的解决方法
2010/08/29 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
基于jquery的loading效果实现代码
2010/11/05 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
python中的编码知识整理汇总
2016/01/26 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
Python笔记之观察者模式
2019/11/20 Python
将python安装信息加入注册表的示例
2019/11/20 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
技术总监个人的自我评价范文
2013/12/18 职场文书
肯尼迪就职演说稿
2013/12/31 职场文书
简历中的自我评价怎么写
2014/01/29 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
小学教育见习报告
2014/10/31 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
培训心得体会怎么写
2016/01/25 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB