我给你打个比方：
. Transparent {
width : 16px
height : 42px
background : transparent url(images/transparent.png) no-repeat
}
* html . Transparent {
background-color : transparent
background-image : none
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src=“images/ transparent.png", sizingMethod="crop")
}
其中*html只有IE6能识别！IE7目前支持PNG图片透明效果了！IE8就更不用说了！
你先用着看看，实在不懂再联系我。
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
}
FILTER: FlipV语法：FILTER: FlipV说明：垂直翻转对象内容。使用代码：style="FILTER: FlipV" FILTER：FlipH说明：水平翻转对象内容。使用代码：style="FILTER: FlipH" 2/具体使用方法2.1在<head>与</head>之间插入<style type = text/css>.imgph{filter:FlipH} </style>在<body>与</body>之间应用<div><IMG class="imgph" src="图片地址"></div>2.2,直接在<body>与</body>之间应用<div><IMG style="FILTER: FlipV" src="图片地址"></div>
