图片CSS模糊滤镜浏览器兼容解决方法

之前做过移动端页面，要求一些图片模糊，但安卓不支持CSS模糊滤镜，找了很多方法，最后找到SVG滤镜能够很好的解决此问题，以下给出应用方法：

<image xlink:href="http://pic9.nipic.com/20100818/5514989_172647012992_2.jpg" x="0" y="0" height="100%" width="100%" filter="url(#blur)" />

中filter="url(#blur)"

对应<filter id="blur"> 的id值

<!--图片模糊-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="500">
    <defs>
        <filter id="blur">
            <!--stdDeviation 模糊值-->
            <feGaussianBlur stdDeviation="5" />
        </filter>
    </defs>
    <!--图片-->
    <image xlink:href="http://pic9.nipic.com/20100818/5514989_172647012992_2.jpg" x="0" y="0" height="100%" width="100%" filter="url(#blur)" />
</svg>