css将彩图置灰

可能有些功能图片在某些状态需要置灰，但是做图又看很麻烦，所以就加个小的css3 的滤镜属性就可以解决了

css语法:

filter: none

示例置灰(带兼容)

.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

属性

属性名	作用	值
grayscale	灰度	(%)
sepia	褐色	(%)
saturate	饱和度	(%)
hue-rotate	色相旋转	deg
invert	反色	(%)
opacity	透明度	(%)
brightness	亮度	(%)
contrast	对比度	(%)
blur	模糊	(%)
drop-shadow	阴影	h-shadow v-shadow blur spread color
url()	URL函数接受一个XML文件。	例如filter: url(svg-url#element-id)
initial	设置属性为默认值
inherit	从父元素继承该属性

javasc语法：

object.style.WebkitFilter=”grayscale(100%)”