兼容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 静态变量与自定义常量的使用方法
Jan 26 PHP
使用PHP编写的SVN类
Jul 18 PHP
神盾加密解密教程(二)PHP 神盾解密
Jun 08 PHP
PHP中捕获超时事件的方法实例
Feb 12 PHP
PHP随机生成信用卡卡号的方法
Mar 23 PHP
正确的PHP匹配UTF-8中文的正则表达式
May 13 PHP
简单谈谈php中的unicode和utf8编码
Jun 10 PHP
Zend Framework教程之模型Model用法简单实例
Mar 04 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
Mar 21 PHP
PHP构造二叉树算法示例
Jun 21 PHP
使用vs code编辑调试php配置的方法
Jan 29 PHP
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
Apr 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
用PHP生成静态HTML速度快类库
2007/03/18 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
ExtJS 入门
2010/10/29 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
百度移动版的url编码解码示例
2014/04/29 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
python实现杨辉三角思路
2017/07/14 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
ORLY官网:美国专业美甲一线品牌
2019/12/11 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
"序列点" 是什么
2016/07/29 面试题
使用索引有什么好处
2016/07/27 面试题
高二物理教学反思
2014/02/08 职场文书
刘胡兰的英雄事迹材料
2014/02/11 职场文书
对祖国的寄语大全
2014/04/11 职场文书
安全例会汇报材料
2014/08/23 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
健康状况证明书
2014/11/26 职场文书
入学证明
2015/06/23 职场文书
行政处罚听证告知书
2015/07/01 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
基于Python实现西西成语接龙小助手
2022/08/05 Golang