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

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

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

这个元素的样式是

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

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

提问 2013年 9月8日 @ Renekton 上等兵 (260 威望)

分享到：

你的回答

+3 投票

1 回复 84 阅读

提问 2013年 5月18日 @ 正能量上等兵 (297 威望)

+2 投票

1 回复 46 阅读

提问 2013年 1月6日 @ Zed 上等兵 (260 威望)

0 投票

1 回复 34 阅读

提问 2012年 12月1日 @ Zeus 上等兵 (193 威望)

0 投票

1 回复 55 阅读

提问 2012年 12月1日 @ Nautilus 上等兵 (223 威望)

0 投票

1 回复 39 阅读

提问 2012年 12月1日 @ Aries 上等兵 (238 威望)

...