Svg用于模糊图像

Question

我有div，其中2 background: img(url), img(url())...位于屏幕中心。需要使用svg（不是CSS＃过滤器道具）使图像（好，两者都叠加）blury 不知何故这些不起作用：（blur.svg文件）

<?xml version="1.0" standalone="no" ?>
 <svg width="1" height="1" version="1.1"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
      <filter id="bluring">
          <feGaussianBlur in="SourceGraphic" stdDeviation="2 3" />
      </filter>
   </defs>
</svg>

HTML：

.svgflt { background-color: orangered; backgroung: url(...);  
              filter: url(blur.svg#bluring);
...
 <div class="svgflt">  </div>

Answer 1

检查拼写。你写过＆＃34; backgroung＆＃34;

此外，此链接可能会有所帮助： http://www.w3schools.com/svg/svg_fegaussianblur.asp

看看你是否正确编写代码。