css实现页面灰色黑白色效果



地震等自然灾害,让我们失去了更多的亲人朋友,全球华人都在为他们祈祷,作为站长,我们的方式就是过滤掉网页上面的彩色,表示哀悼,那么,随便一个网站,内容那么多,怎么做呢。其实我们只需要在样式表里面加入一段代码即可,如下:

*{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}

我建议在每个页面的公共CSS里面加入上面的代码即可完成我们需要的效果,如果我们的栏目比较多,CSS比较多,且不是很同意,都做的话,有难度,那么,我们可以直接做一个首页即可。呵呵,本来很早就想写的,就是最近实在是太忙。我们旗下网站已经在IE6和谷歌浏览器,IE10等大部分最新版浏览器测试无误。分享给大家共同学习。呵呵,明天不用上班,今天看得比较晚。睡觉咯!

本文未经电脑学习网书面授权,不得进行转载,请知晓

未经许可,不得转载,本文原文来自电脑学习网(www.yuucn.com



除了特别申明外,本站资源均来自互联网公开内容,如果侵犯了您的权益,请进行投诉
电脑学习网 » css实现页面灰色黑白色效果

发表评论