0

SVG で次の CSS を使用しています。

line{
    stroke-linecap:round;
    stroke-width:4;
    stroke:url(#disabled); 
    fill:url(#disabled);
}

Chrome と IE では、これは正常に機能します。ただし、Firefox は と を受け入れませstroke:url(#disabled);んfill:url(#disabled);。したがって、それらの要素は黒です。私はそれ#を引き起こしている可能性があると思います（FFは過去にこれに問題がありました） . これを修正するにはどうすればよいですか? をエスケープする#だけでなく、 に置き換えてみました#。

4

1 に答える 1

1

結局のところ、それは#ニシンでした。(これが、エスケープしても何も変わらない理由です。) Firefox は#disabled、SVG ファイルではなく、CSS ファイルを基準にして検索しようとしていました。CSSクラスを完全にスキップし、CSSをJavaScriptでインライン編集することで解決しました。

于 2012-07-13T15:27:18.143 に答える