实现网页变灰白
作者：动易网络
来源：网络
点击数： 次
发布时间：2012年05月29日
问题描述：如何使网站均变成黑白色调。
问题分析：在网上查阅相关的资料， 在IE浏览器可直接用滤镜进行，在火狐/Chrome等
浏览器则用JS来实现
解决办法：
在IE浏览器，可直接用滤镜进行，只要在CSS中加行网页黑白代码即可：
html { filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }
或者：*{filter:gray; color:gray;}
如果没有CSS文件，可直接使用：
动画图片变灰白，可在FLASH代码的和之间插入：value="false" name="menu"/> value="opaque" name="wmode"/>即可。
注意：以上只针对IE浏览器，并且网页使用标准协议，即网页头为：
"">
形式。
下面讲下兼容火狐/Chrome等浏览器的网页灰白/黑白代码：
src="{PE.SiteConfig.applicationpath /}JS/grayscale.js">
Javascript">
window.onload=function(){ //网页变黑白
grayscale(document.body);
}
点击下载：grayscale.js
注：src="{PE.SiteConfig.applicationpath /}JS/grayscale.js" 根据实际路径填写。
但有个缺点：非IE浏览器下无法对背景图片和外部域名图片进行灰白过滤。
将相应代码放在模板中，举例子：将代码放在首页模板中，如下图：
变成灰白色效果图：
