FirefoxにSVGが表示されない

Question

HTMLページにSVGが埋め込まれています。すべては正常に動作しますが、Firefoxではできません。
Firefoxは非常に厳密にSVGを解釈しているので、私はSVGを完璧にするために多くのことを試みました。しかし、十分ではありませんFirefoxのに従って...
これはそれの一部であり、すべてのパス（と前にそれで物事を試してみてください）なし：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="320" height="86" viewBox="0 0 320 86"> 
    <defs> 
     <style type="text/css"> 
      .cls-1 { 
       fill: transparent; 
       fill-rule: evenodd; 
       stroke: #fff; 
       stroke-width: 6px; 
      } 
     </style> 
     <clipPath id="clip"> 
      <use xlink:href="#cls-1-path"/> 
     </clipPath> 
    </defs> 
    <path d="M319.604,36.098 C319.409,...5.551 103.736,5.687 103.192,5.881 Z" class="cls-1" id="cls-1-path" clip-path="url(#clip)"/> 
</svg> 

あなたはいずれかを持っていますか私が何をすべきか考えていますか？

ありがとうございました:)

Answer 1

まあ、それは全く何も存在しないことはありません。あなたは#ffffffの背景に#fffの白いストロークを持つfill: transparent;を選択しました。 #FFF000として#FFFFFFないよう - 白の

ホワイトはたぶんFirefoxは異なり、他のブラウザよりも#fffを解釈ん

:-)見えなく表示されます。完全のために

、私は私の（最小限の変更）テストケースを取り付ける：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="320" height="86" viewBox="0 0 320 86"> 
    <defs> 
     <style type="text/css"> 
      .cls-1 { 
       fill: transparent; 
       fill-rule: evenodd; 
       stroke: #fff444; 
       stroke-width: 6px; 
      } 
     </style> 
     <path id="cls-1-path" d = "M 0 0 L 550 230 L 160 0"/> 
     <clipPath id="clip"> 
      <use xlink:href="#cls-1-path"/> 
     </clipPath> 
    </defs> 
    <path d="M319.604,36.098 C319.409, 5.551 103.736,5.687 103.192,5.881 Z" class="cls-1" id="cls-1-path" clip-path="url(#clip)"/> 
</svg>