当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网站变黑白色CSS一行代码实现

CSS样式表
介绍IE8的CSS hack
CSS教程:解析CSS列表样式属性list-style
CSS教程:CSS页面布局的技巧
对付CSS兼容问题的十个超级技巧
CSS3教程:box-sizing属性
CSS教程:29个特殊的CSS导航技术
CSS教程:CSS控制浏览器滚动条的源代码
DIV+CSS制作网页之如何设置z-index
制作网页表单的标签和输入区
网页文件上传表单的制作
网页表单标签水平右对齐更适合中文网站
CSS在各个网页版邮箱中的支持情况
彻底弄清楚haslayout概念
CSS教程:滑动门与选项卡
总结关于网页表单反馈的一些问题
CSS Sprite操作:用CSS处理圆角
网站栅格化设计
减少网站加载时间:CSS Sprites
通过CSS实例实现清除浮动
CSS教程:实例讲解定位Position

CSS样式表 中的 网站变黑白色CSS一行代码实现


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 140 ::
收藏到网摘: n/a

  5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站也变成黑白色,从而缅怀那些地震逝者。
  
  如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

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


  加上代码之后,再次刷新网页就会发现页面已经变成黑白的了(配图)。还在等什么,赶快给自己的网站加上一行代码,变成黑白色,一起来缅怀在地震中去世的人。

网站变黑白色