CSS将过滤器(svg)应用于firefox中的DIV

Question

这个想法来自：http://tympanus.net/Development/CreativeGooeyEffects/

离线时一切都很好。但当我把我的服务器，或工作与Wamp。我的DIV元素在Firefox上完全消失了？？

代码HTML index.HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800">
      <defs>
        <filter id="goo">
          <feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur" />
          <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 35 -15" result="goo" />
          <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
        </filter>
      </defs>
    </svg>

代码CSS

.share {
position: relative;
  max-width: 600px;
  height: 100px;
  margin: 0 auto;
 -webkit-filter: url("#goo");
  filter: url('http://www.martmars.com/index.html#goo');
  position: relative;
}

我不明白为什么？（我尝试使用类似"http://www..."并且可以使用chrome，但不能使用firefox联机）

Answer 1

因此，

我尝试了很多之后发现了一些东西。如果做：

.share {
  max-width: 600px;
  height: 100px;
  margin: 0 auto;
 -webkit-filter: url("#goo");
  filter: url('../toto.html#goo');
  position: relative;
}

它在任何浏览器中都写得很好。但如果在Index.html中，则不起作用。我不知道为什么。但它运行良好，无论在哪里：

.share {
  max-width: 600px;
  height: 100px;
  margin: 0 auto;
 -webkit-filter: url("#goo");
  filter: url('../#goo');
  position: relative;
}

Voila：）