网站变黑白色CSS一行代码实现

当前位置 : 首页 > 网页制作 > CSS > 网站变黑白色CSS一行代码实现

网站变黑白色CSS一行代码实现

来源: 作者: 时间:2015-12-16 18:25
5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能
5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站也变成黑白色,从而缅怀那些地震逝者。

以下为全站CSS代码.

复制代码
代码如下:

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

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为在地震中遇难的同胞哀悼.
如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

复制代码
代码如下:

<style>
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 这个文件,点源码即可看到.
或者/templates/default/header.htm,也可以直接到模板文件下修改header.htm,加入上面的代码.
动网论坛修改:
DVBBS8.2之前的在 /Css/cndw/pub_cndw.css 中修改
DVBBS8.2.X在/skins/default.css中修改

Tag:
网友评论

<