4

誰かがこのようなことについてすでに尋ねているかどうかはわかりませんが、検索してみましたが、この問題について何も見つかりませんでした.

一部の div が最初に表示され、他の div は JS による遷移の後に表示されます。これらの div の 1 つに、インライン SVG があります。最初の div (SVG インラインを持つもの) が読み込まれると、次の画像のように問題なく表示されます。

https://drive.google.com/file/d/0B-1un9u8DWH-UExQeXpQOXJBMzA/edit?usp=sharing

ただし、インライン SVG を持つ div が何らかの遷移の後にのみ表示される場合、次のように表示されます。

https://drive.google.com/file/d/0B-1un9u8DWH-U0RHMnRoV3Y4OE0/edit?usp=sharing

トランジションを受ける div は、ブロック全体を保持するものです (svg インラインを持つ親 div のブロックを除く)。何が起こっているように見えるかというと、呼び出された svg の塗りつぶしがurl(#idofgradient)見つからないか、認識されないということです。そして、呼び出された塗りつぶしのみが#F7F7F7正常に機能します (画像の中央にある SVG の線部分)。

この場合、何が起こっているのかわかりません。

誰かが私を助けることができれば、あなたに感謝します。

4

1 に答える 1

0

いくつかのコードを見るのはいいことですが、あなたが抱えている問題はインライン フィルに関連していると思います。インライン フィルを削除し、css でフィルを適用します (フィル トランジションを作成している場合)。

.class{
fill:#aaa; 
}
.class:hover{
fill:#fff; 
}
于 2014-05-07T08:58:05.437 に答える