如何给一个开发好的网页添加黑白滤镜

html-css021

如何给一个开发好的网页添加黑白滤镜,第1张

可以用CSS样式表实现，在网页/模板的HTML代码<head>和</head>之间插入：

<style>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}

</style>

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

<style type="text/css">

html {

FILTER: gray

}

</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"/>

＜img src="pic1.jpg" style="filter:gray" /＞

加个style="filter:gray"

如果在A标签就是link,hover这两个值得设置

只要网站支持CSS的话，很简单。在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}（不换行）

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