把网页变成黑白(兼容谷歌、火狐、ie等浏览器)教程

看到很多网站为哀悼雅安地震死去的同胞把网站弄成了黑白色,我决定把我网站www.saqqdy.com也弄成黑白,雅安加油!同时我也呼吁广大站长加入这个行列。

saqqdy-grey-yaan

其实只要在CSS里面加上

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

这么一句代码就行了,不过为了全面兼容大部分浏览器,我们对这段代码作一个补充优化。

在CSS加上:

html{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

OK大功告成!