兼容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模板页面中分页代码的解析
Feb 06 PHP
php Try Catch异常测试
Mar 01 PHP
web server使用php生成web页面的三种方法总结
Oct 28 PHP
PHP打开和关闭文件操作函数总结
Nov 18 PHP
对PHP PDO的一些认识小结
Jan 23 PHP
php绘图之加载外部图片的方法
Jan 24 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
Mar 01 PHP
PHP二维数组去重实例分析
Nov 18 PHP
详解Yii2 之 生成 URL 的方法
Jun 16 PHP
php防止表单重复提交实例讲解
Feb 11 PHP
掌握PHP垃圾回收机制详解
Mar 13 PHP
PHP PDO数据库操作预处理与注意事项
Mar 16 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生成RSS文件类实例
2014/12/05 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
Python打印输出数组中全部元素
2018/03/13 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
pyqt5 QProgressBar清空进度条的实例
2019/06/21 Python
Python partial函数原理及用法解析
2019/12/11 Python
如何更改 pandas dataframe 中两列的位置
2019/12/27 Python
Python如何使用字符打印照片
2020/01/03 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
英国领先的高级美容和在线皮肤诊所:Face the Future
2020/06/17 全球购物
sort命令的作用和用法
2012/11/04 面试题
长青弘远的面试题
2012/06/09 面试题
HR喜欢的自荐信格式
2013/10/08 职场文书
优秀员工获奖感言
2014/03/01 职场文书
作风建设演讲稿
2014/05/23 职场文书
中专生自荐信
2014/06/25 职场文书
销售人员工作自我评价
2014/09/21 职场文书
财务个人年度总结范文
2015/02/26 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL
Python中tqdm的使用和例子
2022/09/23 Python
MySQL深分页问题解决思路
2022/12/24 MySQL