SVG不在Edge中渲染

Question

除了Microsoft Edge之外，这个SVG似乎在一切方面都运行良好，令人惊讶的惊喜。

Here is a link to the SVG

<svg version="1.1" class="slider-svg">
  <defs>
    <linearGradient id="grad1" x1="00%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#e1e1e1;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#212121;stop-opacity:1" />
    </linearGradient>
  </defs>
  <g class="back1">
    <text class="text">Civic Type R</text>
    <text class="text">Civic Type R</text>
  </g>
  <g class="back2">
    <text class="text">Civic Type R</text>
    <text class="text">Civic Type R</text>
  </g>
  <g class="back3">
    <text class="text" >Civic Type R</text>
    <text class="text">Civic Type R</text>
  </g>
  <g>
    <text fill="url(#grad1)" class="text" fill="url(#grad1)" stroke="#F1F2F2" stroke-width="0.25" stroke-miterlimit="10">Civic Type R</text>
  </g>
</svg>

我在Edge中看到的只是顶部的一条细线，有点看起来像是1px的高度。

不太清楚我能给你的其他信息。