首页>>前端设计>>全国哀悼活动网站变色代码(一行代码即可)

全国哀悼活动网站变色代码(一行代码即可)

国务院决定2010年4月21日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。4月21日上午10时整起,青海人民默哀三分钟,届时汽车、火车、轮船鸣笛,防空警报鸣响。

为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为网站变色CSS代码。

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

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现全站素装。建议全国站长动起来,为在玉树地震中遇难的同胞哀悼。

说明:滤镜只有IE等少数浏览器支持。FF,Oprea,Chrome没有这样的滤镜。另外,大站,比如QQ,比如雅虎中国,他们没有用滤镜,他们的图片都是临时改成了灰度的办法来兼容浏览器,CSS把页面字体、色块调成灰色。

还有另外一个简单的办法也可以达到效果,在CSS中让所有图片变灰就可以,如下面的代码,也是IE Only,和上面的代码比较,上面的代码会让部分CSS下拉菜单显示不正常,而使用局部渲染图片的办法就不会。

img { filter: Gray(); }

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

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

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议,可以试试将网页最头部的<html>替换为以下代码。

<!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">

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

注意:不要使用body *{filter:gray;},使用通配符会占用很大资源。


原创文章请注明转载自: 三七八蛋
本文地址: http://www.378Q.com.cn/html-js-css/194.html
  • 随机文章:
  • 集趣

    19楼 集趣 回复该留言
    支持()反对()

    Post:2010-4-22 13:43:10

    今天没有灰了?!
    378Q 于 2010-4-22 13:55:24 回复
    昨天灰了,回家电视都中毒了。。。
    今天改回来了。
  • wuleilei

    16楼 wuleilei 回复该留言
    支持()反对()

    Post:2010-4-21 13:26:01

    你快把自己博客变灰啊~~
    378Q 于 2010-4-21 13:37:40 回复
    Music我用了,不过是IE only的。建议大家用猴子博客介绍的,兼容。形式也不错。
  • 猴子

    10楼 猴子 回复该留言
    支持()反对()

    Post:2010-4-21 7:26:19

    我们用的这串兼容性比较好:
    <div id="aidao" style="z-index:9999;font-family:'微软雅黑','宋体';background:#000;filter:alpha(opacity=90);opacity:0.9; width:100%; height:4000px; position:absolute; left:0; top:0; color:#fff; font-size:250px;text-align:center; line-height:1.1em" onclick="document.getElementById('aidao').style.display='none'">哀<br />悼<br />玉<br />树<br />地<br />震<br />遇<br />难<br />同<br />胞</div>
  • 九站

    3楼 九站 回复该留言
    支持()反对()

    Post:2010-4-20 19:18:18

    我实在不方便改,心中送上哀思吧。
    要改我也不会用滤镜,一定努力做到效果一致才对。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    • Powered By Z-Blog
    • Theme By 378q
    • Copyright 2010 378Q. All Rights Reserved.
      沪ICP备09061056号.
up