Google chrome Chrome中的SVG呈现，而不是Firefox

所以，我一直在使用一些手工编写的SVG代码制作一幅图片。有些是我自己的原创作品，有些是我从一些教程中复制粘贴的

我的问题是文件在浏览器之间或图像编辑器之间的渲染不一致。以下是我的SVG文件：

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" height="75px">
 <defs id="wordDef">
  <filter id="outerbevel" x0="-50%" y0="-50%" width="200%" height="200%">
    <feGaussianBlur stdDeviation="1" result="blur"/>
    <feOffset dy="1" dx="1"/>
    <feComposite in2="SourceAlpha" operator="arithmetic" k2="1" k3="-1" result="hlDiff"/>
    <feFlood flood-color="white" flood-opacity=".7"/>
    <feComposite in2="hlDiff" operator="in"/>
    <feComposite in2="SourceGraphic" operator="over" result="withGlow"/>
    <feOffset in="blur" dy="-1" dx="-1"/>
    <feComposite in2="SourceAlpha" operator="arithmetic" k2="1" k3="-1" result="shadowDiff"/>
    <feFlood flood-color="black" flood-opacity="1"/>
    <feComposite in2="shadowDiff" operator="in" result="test1"/>
    <feComposite in2="withGlow" operator="over" result="test2"/>
    <feMerge>
      <feMergeNode in="test1"/>
      <feMergeNode in="test2"/>
      <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>
 </defs>

<text x="0" y="23" font-size="23px" fill="#aaa" fill-opacity="1" filter="url(#outerbevel)">SERVICES</text>
</svg>

谷歌浏览器版本

与Firefox版本相比

我被难住了。有什么想法吗

---

编辑：按照Robert Longson的要求清理标记。

一次删除一点标记，直到您确定到底有什么不同。有阴影，过滤器和文本阴影等。一旦你有一个简单的问题，我们可能会建议更好。好的，我编辑了它，所以它更干净。我拿出了必需品，所以你应该看的都是必需品，至少据我所知。