实现网页变灰白_动易.NET版本常见问题_产品知识库

实现网页变灰白

来源：网络点击数：次发布时间：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浏览器下无法对背景图片和外部域名图片进行灰白过滤。

将相应代码放在模板中，举例子：将代码放在首页模板中，如下图：

变成灰白色效果图：