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

html-css024

如何给一个开发好的网页添加黑白滤镜,第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)}(不换行)

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