用CSS的background属性载入SVG图形的时候如何设置fill、filter等参数

Question

初次使用SVG技术，遇到了一些问题 比如我使用一个类似下面的元素作为网页中的一个小图标：

<i class="icon-arrow"></i>

这个元素的样式是

.icon-arrow{
   background:url(images/arrow.svg) no-repeat -8px -8px;
}

现在这个图标已经能正确显示，但是我现在想要让这个SVG图标的颜色发生改变或者产生模糊、阴影等滤镜效果应该怎么做？

Answer 1

http://jsbin.com/muzerig/edit... 参考这个，阴影和模糊效果都可以通过-webkit-filter来加，但是颜色不太好弄

Answer 2

直接改svg文件的色值即可