1

2 つの svg 要素がある状況があります。IE10で効果を再現できるように、可能な限りすべてを簡素化して削除しました。これがjsfiddleです。Chrome でコードを実行すると正しく見えますが、IE10 では形状が完全に黒くなります。ただし、最初の svg を削除すると、IE10 で動作します。

関係していると思います

<defs>
    <linearGradient id="fadeout" x2="0" y2="1">
        <stop offset="0%" class="dark"></stop>
        <stop offset="100%" class="light"></stop>
    </linearGradient>
    <linearGradient id="fadein" x2="0" y2="1">
        <stop offset="0%" class="light"></stop>
        <stop offset="100%" class="dark"></stop>
    </linearGradient>
</defs>

しかし、理由と方法がわかりません！助言がありますか ？

4

1 に答える 1

2

同じ ID の要素が複数あります。これは無効です。ファイル内のすべての ID は一意でなければなりません。

于 2013-10-15T15:04:00.837 に答える