CSS滤镜:轻松将网站变为灰色

只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
或加以下段代码到要变成灰色的页面头部;
<STYLE type=text/css>
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</STYLE>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value=”false” name=”menu”/>
<param value=”opaque” name=”wmode”/>

最简单的把页面变成灰色的代码是在head 之间加

<style type=”text/css”>
html {
    FILTER: gray
}
</style>

一般的discuz论坛在 你的控制css 文件下修改
/images/header/header.css 这个文件,点源码即可看到

加上代码之后,再次刷新网页就会发现页面已经变成黑白的了(包括图片)。还在等什么,赶快给自己的网站加上一行代码,变成黑白色,一起来缅怀在地震中去世的人。

Leave a comment