转:网站页面全部变灰
让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
更新:感谢各位的回复和完善。写的时候比较赶,没考虑全兼容性。对大家有用就好!
感谢,@月涯,这个比较完善了:
html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
===================
如何使整个网站网页变成灰色(包括LOGO和图片)?
四川雅安今天早上8:02分发生了7.0级地震。为了向地震灾区的死难者表示哀悼,将网站色调改为灰色是主要网站向地震等灾难表示哀悼的主要方式。今天晚上主要大网站已经陆续将网站的LOGO和网站的色调变成了灰色。包括LOGO、网站的图片等都变成了灰色。其实要将整个网站变成灰色调很简单,只需要一句CSS定义即可。
要将整个网站变成灰色调,你不用去一张一张改图片的色调。只需要在CSS文件的html节点上添加下面一条定义即可:
html {-webkit-filter: grayscale(100%);}
加上上面这一条,就不用你去一张一张调图片的颜色了。此方法对主要浏览器都有用。
已经将网站调为灰色(LOGO和首页的图片)的网站有:淘宝、163网易、微博。
==============================================================================
青春匆匆,很多人都有自己的座右铭,鞭策自己前进,当没看到座右铭的时候又忘了自己要干什么,就这样天天立志,志天天立,最终还是那个初出茅庐的小菜鸟。从现在开始,慢慢去改掉懒惰的习惯。慢慢去加强学习,直到慢慢成功。==============================================================================