在某些时候,我们可能有将网站变成黑白的样式,也就是网站置灰。其实实现起来很简单,浏览器兼容代码如下:
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- */
}
将上面的代码加入到网站公共的样式文件中即可。