2、css滤镜主要包括：
Speia滤镜 灰度图滤镜 高斯模糊滤镜 反色滤镜 饱和度滤镜
对比度滤镜亮度滤镜色相旋转滤镜 阴影滤镜
3、css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜（目前版本基本都支持html5和css3），通过滤镜改变背景图的颜色和效果，当然这些滤镜主要是为了效果而产生，颜色只是固定的几种效果。
4、个别时候，css滤镜还需要结合js使用，才能到达必要效果，其实一般背景图片都是用透明度的css来设置它的颜色度；
透明度css列子：
transparent_class {
filter:alpha(opacity=50)
-moz-opacity:0.5
-khtml-opacity: 0.5
opacity: 0.5
}
1、在html中定义一个dom元素，比如div。
2、给div添加一个onclick事件，同时定义一个响应事件的js函数。
3、在js函数中获取该div元素,通过document.getElementById()方法
4、通过元素的style属性中backgroundColor属性即可修改背景色。
示例：
//刚开始默认颜色白色
<div id="mydiv" style="width:200pxheight:200pxborder:1px solid black" onclick="changeBackground()"></div>js函数：
<script type="text/javascript">function changeBackground(){
var mydiv = document.getElementById('mydiv')
mydiv.style.backgroundColor="blue"
}
</script>
