Posted by 
CSS3 filter(滤镜) grayscale(%)：
属性将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；
设置:
- html {
- -webkit-filter: grayscale(100%);
- /* webkit */
- -moz-filter: grayscale(100%);
- /*firefox*/
- -ms-filter: grayscale(100%);
- /*ie9*/
- -o-filter: grayscale(100%);
- /*opera*/
- filter: grayscale(100%);
- filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
- filter: gray;
- /*ie9- */
- }
本文链接地址: 网页黑白风格转换