全国哀悼日网站页面变成灰色的filter方法

为表达哀悼，一般在特定日期网站都是呈现灰色状态的。下面分享一下如何实现 >

直接在*.css文件最前面加入
body{ filter:Gray; }

或者

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

其他HTML页面

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

如果是纯HTM页面的可以加在header.htm的Body中间

<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

如果某些带有Flash的页面仍显示彩色，或浏览器上下滚动条拖动时Flash FLV播放器变花（例如剑网3、剑侠世界官网分流页），将Flash改为JS输出（本例为SWFObject）：

<script type="text/javascript" src="/js/swf.js"></script>
<div id="video_content"></div>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");
video_player_so.addParam("wmode", "opaque");
video_player_so.addParam("allowfullscreen","true");
video_player_so.addParam("allowscriptaccess","always");
video_player_so.write("video_content");
//-->
</script>

这样，整个页面，包括Flash播放器中的视频就都变灰色了。

以下为补充

代码如下:

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

使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。

如果网站没有使用CSS，可以在网页/模板的HTML代码和之间插入：
代码如下:

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

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<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 这个文件
另在哀悼日或遇难的新闻，所有专题和主题图片上不能使用红色标题。

经过项目测试，下面这段代码可以接机大部分问题：

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);}

全国哀悼日网站页面变成灰色的filter方法相关推荐

网站页面title标题的设置方法技巧
原文地址:http://www.mahaixiang.cn/znseo/1385.html 标题是网页优化最重要的因素,页面标题Title相当于赋予一个网页一些内容,它告诉搜索引擎蜘蛛此页面是关于什么 ...
页面自动跳转php,网站页面自动跳转实现方法PHP、JSP等
网站页面自动跳转实现方法PHP.JSP等自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站. ...
[导入]全国哀悼日网站变灰装(附代码)[转]
根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...
提高网站页面收录的几个方法返回列表发新帖回复
首先是清楚网站总体有多少页面. 可以用xenu扫描出所有的页面. 1.html地图网页数量不是太多,可以用网站地图来增加收录,分成几个地图页面. 2.随机文章模块在不影响用户体验的情况下,在栏目中 ...
哀悼日-网站置为灰色
filter: grayscale(100%);
如何处理网站页面劫持、网站页面劫持原理及解决方法
2018年12月6日,百度搜索资源平台发布了一篇名为<关于近期出现网站劫持用户问题的公告>,也就是说,虽然我们在不断变化算法规则,但还是有不法分子在钻算法规则的漏洞.对于网站劫持,相信做互 ...
html优化的基本网页布局,网站页面标题的SEO优化及布局要点
在SEO优化中,标题的优化占着举足轻重的地位,无论是从用户体验的角度出发,还是从搜索引擎的排名效果出发,title标题都是页面优化最重要的因素. 对于一个刚入行的站长或SEO来说,首先要搞明白的就是网 ...
[css] 当全国哀悼日时，怎么让整个网站变成灰色呢？
[css] 当全国哀悼日时,怎么让整个网站变成灰色呢? body{-webkit-filter: grayscale(1);filter: grayscale(1); }/* OR */body{-w ...
网站变黑灰色|全国哀悼日
今天是玉树地震全国哀悼日,我没也行动起来,在这里默默哀悼, 使你的站点,博客变成黑灰色吧. 只要把下面这段代买加到css文件里就可以是整个站点被黑灰色.(不过在 FF里面不起作用,这就不 ...
全国默哀网站首页都要变成灰色的简单解决办法
今天全国默哀网站首页都要变成灰色给大家一个简单的解决办法在首页的body中加上 style="FILTER: alphaopacity=80 gray" 大家也可以在自己的b ...

全国哀悼日网站页面变成灰色的filter方法

以下为补充

全国哀悼日网站页面变成灰色的filter方法相关推荐

最新文章

热门文章