随着浏览器的发展CSS的功能越来越强大，大多数的滤镜效果有类似功能的CSS样式实现了。
对应表：
IE 滤镜 W3C 滤镜
Alpha：设置透明层次. grayscale 灰度
blur：创建高速度移动效果，即模糊效果. sepia 褐色
Chroma：制作专用颜色透明. saturate 饱和度
DropShadow：创建对象的固定影子. hue-rotate 色相旋转
FlipH：创建水平镜像图片. invert 反色
FlipV：创建垂直镜像图片. opacity 透明度
glow：加光辉在附近对象的边外. brightness 亮度
gray：把图片灰度化. contrast 对比度
invert：反色.blur 模糊
light：创建光源在对象上. drop-shadow 阴影
mask：创建透明掩膜在对象上.
shadow：创建偏移固定影子.
wave：波纹效果.
Xray：使对象变的像被x光照射一样.
如果想改变css背景图片，一般的做法只能使用css滤镜；
css滤镜主要包括：
Speia滤镜 灰度图滤镜 高斯模糊滤镜 反色滤镜 饱和度滤镜
对比度滤镜 亮度滤镜 色相旋转滤镜 阴影滤镜
css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜（目前版本基本都支持html5和css3），通过滤镜改变背景图的颜色和效果，当然这些滤镜主要是为了效果而产生，颜色只是固定的几种效果；了解更多可以参考：http://www.cnblogs.com/fsjohnhuang/p/4127888.html
个别时候，css滤镜还需要结合js使用，才能到达必要效果，其实一般背景图片都是用透明度的css来设置它的颜色度；
透明度css列子：
transparent_class {
filter:alpha(opacity=50)
-moz-opacity:0.5
-khtml-opacity: 0.5
opacity: 0.5
}
css谷歌有自己的一套样式比如grayscale。greyscale是css3filter里的一种属性，进行灰色滤镜。当然css3filter还有其它滤镜属性，很实用，例如：高斯模糊、调节亮度、色相旋转、饱和度等等。cssfilter这一用法允许将单个图像用于多个目的不同的图像，或者在浏览器中应用过滤器，而不是在图像编辑器中进行过滤，不会出现大小比原始图像大，从而可以更快地加载页面并减少数据传输。
