兼容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 相关文章推荐
一个SQL管理员的web接口
Oct 09 PHP
PHP 表单提交给自己
Jul 24 PHP
PHP 裁剪图片成固定大小代码方法
Sep 09 PHP
检查php文件中是否含有bom的函数
May 31 PHP
基于php设计模式中工厂模式详细介绍
May 15 PHP
php表单提交与$_POST实例分析
Jan 26 PHP
PHP遍历XML文档所有节点的方法
Mar 12 PHP
PHP中把数据库查询结果输出为json格式简单实例
Apr 09 PHP
详解PHP的Yii框架中扩展的安装与使用
Apr 01 PHP
ThinkPHP 模板substr的截取字符串函数详解
Jan 09 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
Oct 12 PHP
PHP按一定比例压缩图片的方法
Oct 12 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
9个PHP开发常用功能函数小结
2011/07/15 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
php缓冲输出实例分析
2015/01/05 PHP
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
JS三级可折叠菜单实现方法
2016/02/29 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
JavaScript简单拖拽效果(1)
2017/05/17 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
Python中os和shutil模块实用方法集锦
2014/05/13 Python
python实现获取Ip归属地等信息
2016/08/27 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Python2与Python3的区别详解
2020/02/09 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
实习生自我鉴定
2013/12/12 职场文书
生产班组长岗位职责
2014/01/05 职场文书
酒店总经理欢迎词
2014/01/08 职场文书
给同事的道歉信
2014/01/11 职场文书
新农村建设典型材料
2014/05/31 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
毕业生见习报告总结
2014/11/08 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书