四川汶川地震,牵动着全国人民的心,人们通过各种途径表达自己对灾区人民关心,通过网页表达对灾区人民受害者人民的哀悼,是其中的一种方法。5月19日、20日、21日,是全国哀悼日,除了默哀3分钟之外,我们可以把我们的网页变成黑白的颜色。
办法有多种,如果你想将页面中的所有元素都变成黑白色,可以在页面中添加下面的样式:
<style type="text/css">
html,body{filter:gray;}
</style>
如果只想改变其中一部分,可以采用class的定义。如果在黑白的页面中,加入一个红色的蜡烛,在表达哀思的同时,祈求祝福,可以采用下面的方法(效果参见http://dotnet.aspx.cc/2008eq.aspx):
<style type="text/css">
a,p,div,input,img,span,td,font,table,hr,h3,h2,h4,h5,h1 {filter:gray}
html,body {background:;}
.noFilter { filter:; }
</style>
<div style="text-align:center;padding-top:10px;">
<img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" />
</div>
<div style="text-align:center;">
<img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" /><img src="http://dotnet.aspx.cc/Images/f.gif" class="noFilter" />
</div>
需要注意的是:以上方法只适用于 IE 浏览器,非 IE 浏览器,需要全面修改页面中的样式和图片等。
分享到:
相关推荐
哀悼日变灰操作,好几种实现的代码,有助于你得学习
今天访问好多网站包括百度,启点等网站都变成了黑白色界面,体现大家对于四川地震的深切哀悼,但有好的站长不一定知道是什么方法,还以为是大量改版,对于任何人都不是很轻松的事,特将本站的解决方法告诉大家。
对于灰色页面处理的所有方法,主要用于哀悼日页面效果显示,解决了不能显示的问题
互联网上有很多网站都已经将网站页面改为黑灰的素色来哀悼地震中的受难者。网站变成黑灰色的代码,希望有更多的站长学会使用!
为方便站点哀悼,特提供素装代码,以表哀悼。以下为全站CSS代码。
搜索动力2009(asp access) Ver 3.3 (哀悼版): 1. 新增预约皮肤功能 2. 新增预约皮肤选项 3. 新增音乐格式搜索功能 4. 新增搜索结果页收起功能 5. 新增节日温馨提示链接 6. 完善首页天气预报功能 7. 完善用户...
关键字描述:PHPCMS 站长 实现 界面 网站 黑白 方法 代码 哀悼 已经在PHPCMS内核下能正常实现 演示:www.gnhao.com 代码不会添加,请联系我qq504470653 我会协助你帮你加上的 首先,在此沉痛哀悼5.12地震中遇难...
本文已授权公众号 hongyangAndroid 原创首发。 4 月 4 日这一天,不少 网站、App 都通过黑白化,表达了深切的哀悼。...只要给 html 加一句css 样式就可以了,你可以理解为给整个页面添加了一个灰度效果。 就
哲学化的哀悼反思哀悼活动,并在反思中深入哀悼对象的思想深处;哀悼文学以最直接的情感抒发把读者带入哀伤的境地,却以哀伤净化灵魂;喜剧化的人生告别会则以轻喜剧的方式冲淡哀伤,使哀悼者更轻松地走出哀伤。尽管哀悼...
NULL 博文链接:https://mojianpo.iteye.com/blog/899902
哀悼短信大全.doc
2008.5.12四川汶川大地震,带走了很多生命,令人... 相关文章:网站变黑白色CSS一行代码实现 。 为了方便个人站长表示哀悼,现总结CSS实用滤镜代码,做些微的调整,即可将网站转换为“黑、白、灰”风格。 方法一: ...
抗击疫情全国哀悼活动心得体会范文_全国哀悼活动观后感5篇精选.docx
5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站...
最新2021关于疫情全国性哀悼活动学生心得(四).4全国哀悼日学生感想5篇.docx
TED演讲稿
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage...
全国哀悼日_学习体会参考.doc
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的...
4月4清明举国哀悼活动心得参考.doc