模糊图像的Svg

Question

我有div，屏幕中央有2个background: img(url), img(url())...。需要使用svg（NOT CSS#filter prop）使图像（好吧，两者都重叠）模糊不知怎的这些不工作：（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

检查拼写。你已经写了"backgroung"

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

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