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

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

这个元素的样式是

  .icon-arrow{
  

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

  }
 

现在这个图标已经能正确显示，但是我现在想要让这个SVG图标的颜色发生改变或者产生模糊、阴影等滤镜效果，如果这是个使用SVG标签引入的图形，那用CSS就可以解决。。。就是不知道是用background来引入的图形该如何解决，找遍了百度和谷歌也没找到答案