解决-webkit-filter:grayscale(100%)在retina下的模糊问题

在某些特定条件下需要将网站的某部分内容，或者全部内容色菜去除，
如果只是背景或者文字的话很简单

1 2	background: gray; color: gray;

两句话就可以了;

思考题：但是如果需要将网站里面的图片也全部都改成灰色呢？
难道需要我们的美术老师加班加点的把所有的图片都在做一遍嘛~

答案：NO！
怎么可能有着么劳民伤财的方法呢，哈哈哈啊哈~~~

css 一句话搞定

1 2	-webkit-filter: grayscale(100%); filter: grayscale(100%);

(此方式仅限现代浏览器使用，IE 浏览器请自行google，此处不赘述)

然后某日突然发下一个问题

那就是在 ios 里 retina 屏幕里面有模糊；
一番搜索后发现这个方法，在对应变灰的地方同时加上这句：

1	-webkit-transform: translateZ(0);

经测试可用~