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

为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。

直接在*.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>

　　3、如果某些带有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代码<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 这个文件
另在哀悼日或遇难的新闻，所有专题和主题 图片上不能使用红色标题。

赞 (0)

相关推荐

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

    为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码. 直接在*.css文件最前面加入 body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可 其他HTML页面 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 如果是纯HTM页面的可以

  • 网站页面自动跳转实现方法PHP、JSP（上）

    通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码.该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能. 对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本:当网站的域名变更或删除后将人们转向到新域名下,等等.但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段.例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的"桥页",然后把这个

  • 网站页面自动跳转实现方法PHP、JSP（下）

    本文讨论网页自动跳转的几种实现方法.方法一:使用meta标签meta标签是html不可或缺的标签之一,它负责提供文档的元信息,其参数主要有: ① http-equiv: 与 文档中数据相关的HTTP文件首部 ② content: 与命名HTTP首部相关的数据 ③ name: 文档描述 ④ url: 与元信息相联系的URL当我们定义属性http-equiv为refresh,打开此Web页时系统将根据content规定的值在一定时间内跳转到相应页面,content="秒数;url=网址"就

  • 降低网站页面的相似度的方法

    很多朋友都知道内容为王的思想,但是很少有人可以连续创造大量的相关文章,那么就需要转载别人的文章.我们暂且不谈关于侵犯版权的问题,今天就谈谈如何避免重复造成的不良影响. 通常大家把这种现象称之为:页面相似度--内容重复 如何避免GOOGLE的法眼来降低相似度得到更多的重视呢? 小宇总结了几个小方法,既不高深,也不复杂,还挺使用. 方法一:拆分法 把原有连续的文章,平均的截取成为2段3段或是更多. 好处:降低相似度.提高访问者浏览的速度.增加页面访问量 缺点:文章无法连续浏览,原有的一次性浏览变得繁

  • 基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑

    基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑

    当需要实现如下图操作,点击服务评分,出现一个服务评分窗口用来填入相关表单信息 可是这会让我们打开服务评分界面时还可以点击body主界面中的购物车等链接,这是不对的,因此我们可以使用层叠样式表来指定外围的div的z-index低于当前服务评分表单页面,不能被点击,如下: /* 定义一个div用于覆盖整个页面,这个div的z-index大于body,小于服务评分div */ #temp{ background-color: #000; opacity: 0.3; width: 100%; heigh

  • python登陆asp网站页面的实现代码

    使用python来登录asp网站和登录其他网站差不多,只是因为asp页面在每次请求的时候都要带上viewstate,因此使用python来登录的话就多了一个步骤,获得这个页面的viewstate之后带上这个和你要post或get到该页面的请求数据就好了,下面这段程序是登录一个asp系统,然后搜索某些数据并将这些数据保存下来. #coding=utf-8 import urllib2 from bs4 import BeautifulSoup import urllib import cookie

  • Angular2监听页面大小变化的解决方法

    一.现象 全屏页面中的图表,在很多的时候需要 resize 一把,以适应页面的大小变化 二.解决 1.引入 : import { Observable } from 'rxjs'; 2.使用(在ngOnInit方法中): ngOnInit() { // 页面监听 Observable.fromEvent(window, 'resize') .debounceTime(100) // 以免频繁处理 .subscribe((event) => { // 这里处理页面变化时的操作 console.lo

  • js防止页面被iframe调用的方法

    本文实例讲述了js防止页面被iframe调用的方法.分享给大家供大家参考.具体实现方法如下: 一.问题描述: 有时候我们发会现自己的网站页面被别人调用并且一模一样,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考 二.解决方法: 防止自己的网页被人框架: top.location.href 最上层的地址 windows.location.href自己的地址 self指代当前窗口对象,属于window最上层的对象; locatio

  • js实现同一个页面多个渐变效果的方法

    本文实例讲述了js实现同一个页面多个渐变效果的方法.分享给大家供大家参考.具体分析如下: 这里可实现5个元素中随便一个,鼠标移上去透明度渐渐增加,鼠标移出,透明度渐渐减小的效果. 要点一: var speed = 0; if(target>obj.alpha){ speed = 5; }else{ speed = -5; } 根据目标值和当时值的对比,来决定是正向还是负向速度. 要点二: for(i=0; i<runs_li.length; i++){ runs_li[i].timer = n

  • Asp.Net实现404页面与301重定向的方法

    本文实例讲述了Asp.Net实现404页面与301重定向的方法.分享给大家供大家参考.具体实现方法如下: 从一种程度来讲301重定向与404页面没什么关系为什么我要拿到一起来讲来,因为都很简单实现,所在我就一起介绍一下了. 如何在 asp.net 中设置404页面的方法记录下来. 下边首先看看之前的设置方法,web.config文件中: 复制代码 代码如下: <configuration>     <system.web>         <customErrors mode

随机推荐