首页 > Web开发 > 详细

让正常网页呈现黑白色调的方法

时间:2015-12-20 17:36:58      阅读:261      评论:0      收藏:0      [点我收藏+]

  之前四川雅安地震的时候,国内各大网站为了表示对遇难同胞的哀悼,页面色彩都变成了黑白色,其中的实现方法其实非常简单,只需要一行全局的css代码即可,不需要修改或改动其他任何正常运作的代码,更不会给网站带来任何影响,下面来看一下:

  初始情况下,网站是绚丽多彩的:

  技术分享

  为了避免广告,把logo和部分文字抹掉了,,

  实现方法是在<head></head>之间添加如下的css代码,或者其他调用方式也可以:

<style type="text/css">
    body {
        -webkit-filter: grayscale(100%);
    }
</style>

  就这么简单的一点代码,作用域就是整个body,整个网页效果就出来了

  技术分享

  另外可以在后端通过服务器时间来控制样式在零点或者定时生效和失效,实现起来就更加方便了

让正常网页呈现黑白色调的方法

原文:http://www.cnblogs.com/freeweb/p/5061087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!