兼容firefox，chrome的网页灰度效果
更新时间：2011年08月08日 21:50:24 作者：
今天全天下网页都变灰了对吧，话说我对这种强制行为很不解。哀悼与否在于一个人的内心是否善良。表面上的让网页没有颜色，让视频网站不能搜索，究竟有多大意义呢？
只是在技术上来看，要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。
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);
我的主题背景图片比较多，处理起来较吃力，可能出现部分图片消失的情况。。。
我会把这个效果开启三天，如果因为处理问题导致主题显示不正常影响了大家的浏览效果还请见谅。反正来这儿的都是熟人，要影响也就你们几个。。。
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中使用AES加密算法加密数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了php清除和销毁session的方法,实例分析了unset()与session_destroy()清除及销毁session的技巧,需要的朋友可以参考下2015-03-03
laravel是一个流行的PHP开发框架,用于构建高性能的Web应用程序,在开发和维护laravel项目时,了解当前使用的laravel版本是非常重要的,本文将介绍三种方法来查看laravel版本,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了PHP 观察者模式,结合实例形式深入分析了对观察者模式的理解与应用及相关注意事项,需要的朋友可以参考下2019-09-09
本文先是回顾了Laravel5.2中路由的修改，然后给大家用实例代码介绍了如何修改Laravel5.3中的路由，有需要的小伙伴们可以参考学习。2016-08-08
这篇文章主要介绍了PHP在线打包下载功能实现方法,结合实例形式分析了php打包下载的实现流程与相关注意事项,需要的朋友可以参考下2016-10-10
PHP学习笔记之二，开始学习php的朋友可以看下。2011-01-01
这篇文章主要介绍了PHP copy函数使用案例代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
本篇文章是对PHP使用eAccelerator的API开发进行了详细的分析介绍，需要的朋友参考下2013-06-06
本文给大家分享的是自制PHP框架的第二部分内容，包括模型和数据库的使用，这里通过具体的实例给大家展示了出来，希望大家能够喜欢2017-05-05
最新评论