alpha 透明滤镜
滤镜<style type="text/css">
.shadow{
width:120px
font-size:12px
padding:10px
/*以下属性作用于firefox */
-moz-box-shadow :3px 3px 4px #ccc /*-maz- box-shadow:水平方向位移 竖直方向位移 模糊半径 颜色 */
/*以下属性为ie 支持*/
*filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc")/*力度，角度，颜色 */
/*以下只能被safari3浏览器支持*/
-webkit-box-shadow :3px 3px 4px #ccc
/*以下属性只被Opera到最新的10.53版本支持*/
box-shadow :3px 3px 4px #ccc
}
</style>
</head>
<body>
<div class="shadow">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
1、如果想改变css背景图片，一般的做法只能使用css滤镜；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
}
