html - 用于模糊图像的 Svg

Question

我有 div 和 2 background: img(url), img(url())... 在屏幕上居中。需要使用 svg(不是 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

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