设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 页面特效 > 详细内容
整个网站变黑白色 CSS一行代码实现,缅怀那些地震逝者
发布时间:2010-3-29  阅读次数:8456  字体大小: 【】 【】【

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

以下是代码片段:
html  {  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  }

或者第二种方法在样式文件的最上端加上如下代码:

以下是代码片段:
body{filter:Gray;}
img{filter:Gray;}

参考说明

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮