Question

怎么通过css改变图片的颜色

如题，只能用filter改为灰色吗？我想把灰色的gif改成红色，能通过css+jquery啥的实现不？

Answer 1

　　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;
　　}

Answer 2

你还是在软件里改图片颜色吧，css或者jquery只能针对代码部分进行修改，图片是脱离代码的

追问

呵呵，现在的情况是，页面基本是固定的，我要在它加载完以后通过jquery来改，也就是那个gif也是作为背景图片，只有相对链接，不好下载，不好通过作图软件改

Answer 3

最好是通过ps处理下吧，然后用a标签包住图片，连接还是会有的~~~望采纳~

Answer 4

图片颜色是不可以改变的，你可以改变他的透明度

Answer 5

如果想改变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;
}