全国哀悼日,网站色调改为灰色

今天起正式进入全民哀悼日,举国同哀。

也许使用IE的朋友已经注意到本站已经变成了灰色,

没错,为了配合全国哀悼日,表达我们的沉痛之情,

我们已经将CSS文件改变,将网站色调改成灰色,

如果你使用的网站也是由CSS文件控制色调的,

那么你可以按照以下方法设置相同效果。

在你的CSS文件前,加入这个代码:

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

你还可以通过以下方式表达哀悼,

简单的网页遮罩效果代码:

把下面内容加入<head> </head> 区

<style type=&#34;text/css&#34;>

body{overflow:hidden}

#massage_box{ position:absolute; left:expression((body.clientWidth-500)/2); top:expression((body.clientHeight-200)/2); width:500px; height:200px;filter:dro&#112;shadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}

#mask{ position:absolute; top:0; left:0; width:expression(body.clientWidth); height:expression(body.clientHeight); background:#000; filter:ALPHA(opacity=90); z-index:1; visibility:hidden}

.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}

.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}

</style>

修改 <body >

<body onload=&#34;mask.style.visibility=&#39;visible&#39;;massage_box.style.visibility=&#39;visible&#39;&#34; >

把下面内容加入<body> </body>区

<div id=&#34;massage_box&#34;><div class=&#34;massage&#34;>

<div class=&#34;header&#34;><div style=&#34;display:inline; width:500px; position:absolute;text-align:center;&#34;>国务院公告:5月19日至21日为全国哀悼日</div>

<span onClick=&#34;massage_box.style.visibility=&#39;hidden&#39;; mask.style.visibility=&#39;hidden&#39;&#34; style=&#34;float:right; display:inline; cursor:hand&#34;>×</span></div>

<ul style=&#34;margin-right:25&#34;>

  为表达全国各族人民对四川汶川大地0震.遇难同胞的深切哀悼,国务院决定,2008年5月19日至21日为全国哀悼日。在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。 </ul>

</div></div>

<div id=&#34;mask&#34;></div>

网页载入完成时页面显示一个DIV层,背景变暗,暗度可以调整。调整mask中的ALPHA(opacity=90);

如果层的位置太靠下,可以把下面的2换成更大的值。

#massage_box{ position:absolute; left:expression((body.clientWidth-500)/2); top:expression((body.clientHeight-200)/2);

共有 1 条评论