兼容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 相关文章推荐
BBS(php &amp; mysql)完整版(八)
Oct 09 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
Aug 01 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十二)
Jun 25 PHP
PHP将HTML转换成文本的实现代码
Jan 21 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
Nov 25 PHP
深入浅析yii2-gii自定义模板的方法
Apr 26 PHP
分享PHP-pcntl 实现多进程代码
Sep 30 PHP
PHP定时任务获取微信access_token的方法
Oct 10 PHP
Yii2单元测试用法示例
Nov 12 PHP
php实现数组重复数字统计实例
Sep 30 PHP
在laravel中实现事务回滚的方法
Oct 10 PHP
聊聊 PHP 8 新特性 Attributes
Aug 19 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
JSON在PHP中的应用介绍
2012/09/08 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
pyside写ui界面入门示例
2014/01/22 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
利用Python实现朋友圈中的九宫格图片效果
2020/09/03 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
行政助理岗位职责
2013/11/10 职场文书
安全月活动总结
2014/05/05 职场文书
广告宣传策划方案
2014/05/21 职场文书
校园环保标语
2014/06/13 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书