编程 PHP

兼容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文件

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

grayscale(document.body);

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

树型结构列出指定目录里所有文件的PHP类

Oct 09 PHP

php面向对象全攻略（二）实例化对象使用对象成员

Sep 30 PHP

PHP 命令行参数详解及应用

May 18 PHP

php eval函数用法 PHP中eval()函数小技巧

Oct 31 PHP

WebQQ最新登陆协议的用法

Dec 22 PHP

php实现比较全的数据库操作类

Jun 18 PHP

隐藏Nginx或Apache以及PHP的版本号的方法

Jan 03 PHP

FleaPHP框架数据库查询条件($conditions)写法总结

Mar 19 PHP

thinkPHP框架中执行原生SQL语句的方法

Oct 25 PHP

yii2 url重写并隐藏index.php方法

Dec 10 PHP

Laravel自定义封装便捷返回Json数据格式的引用方法

Sep 29 PHP

phpquery中文手册

Mar 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＋AJAX实现无刷新注册（带用户名实时检测）

2007/01/02 PHP

php批量缩放图片的代码[ini参数控制]

2011/02/11 PHP

php中用date函数获取当前时间有误的解决办法

2013/08/02 PHP

PHP生成迅雷、快车、旋风等软件的下载链接代码实例

2014/05/12 PHP

PHP之uniqid()函数用法

2014/11/03 PHP

PHP中使用curl伪造IP的简单方法

2015/08/07 PHP

php实现的网页版剪刀石头布游戏示例

2016/11/25 PHP

给网站上的广告“加速”显示的方法

2007/04/08 Javascript

open 动态修改img的onclick事件示例代码

2013/11/13 Javascript

一个非常全面的javascript URL解析函数和分段URL解析方法

2014/04/12 Javascript

javascript关于继承的用法汇总

2014/12/20 Javascript

JavaScript中的数组操作介绍

2014/12/30 Javascript

深入探讨javascript函数式编程

2015/10/11 Javascript

Highcharts学习之数据列

2016/08/03 Javascript

深入分析javascript中console命令

2016/08/14 Javascript

详解Node.Js如何处理post数据

2016/09/19 Javascript

jquery tmpl模板(实例讲解)

2017/09/02 jQuery

微信小程序的日期选择器的实例详解

2017/09/29 Javascript

Javascript实现html转pdf高清版（提高分辨率）

2020/02/19 Javascript

在vue-cli3中使用axios获取本地json操作

2020/07/30 Javascript

在vue中使用jsonp进行跨域请求接口操作

2020/10/29 Javascript

HTML元素拖拽功能实现的完整实例

2020/12/04 Javascript

[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING

2014/05/22 DOTA

[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/17 DOTA

浅谈Python实现贪心算法与活动安排问题

2017/12/19 Python

Scrapy框架爬取西刺代理网免费高匿代理的实现代码

2019/02/22 Python

python如何获取列表中每个元素的下标位置

2019/07/01 Python

基于python检查矩阵计算结果

2020/05/21 Python

python+selenium自动化实战携带cookies模拟登陆微博

2021/01/19 Python

网络安全类面试题

2015/08/01 面试题

员工拾金不昧表扬信

2014/01/09 职场文书

个人函授自我鉴定

2014/03/25 职场文书

企业安全生产标语

2014/06/06 职场文书

全国法院系统开展党的群众路线教育实践活动综述（全文）

2014/10/25 职场文书

2015年度护士个人工作总结

2015/04/09 职场文书

2015年人事科工作总结

2015/04/28 职场文书