首页技术博客 技术教程 正文

祭奠哀悼,让网站变灰色的代码,网站变灰色的HTML和CSS代码教程!

2020-04-03 958 0条评论

根据国务院文件,全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。届时汽车、火车、舰船鸣笛,防空警报鸣响。 中国站长站将整站换成素装。并建议中国所有站点更换为素装。

为方便站点哀悼,特提供素装代码,以表哀悼。以下为全站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>

 


还有一种最简单的把页面变成灰色的代码是在body之中加入style="filter:gray"


 


<body style="filter:gray">

 


一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件


文章版权及转载声明

本文作者:符文浩 网址:http://blog.fuwenhao.com/post/262.html 发布于 2020-04-03
文章转载或复制请以超链接形式并注明出处。

发表评论

快捷回复:

评论列表 (暂无评论,958人围观)参与讨论

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码