将网站变成灰色,黑白色,兼容IE,谷歌CSS滤镜

如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。
以下是代码片段:
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}


或者第二种方法在样式文件的最上端加上如下代码:

以下是代码片段:
body{filter:Gray;}
img{filter:Gray;}

你可能感兴趣的:(前端)