2016-05-08 13 views
4

私は現在アニメーション化しようとしているウェブサイトにSVGロゴを作成しました.FirefoxとChromeではうまくいきますが、何らかの理由でIEにロードすると、何もしません。また、Edgeでは、色の切り替えは行いますが、ダッシュアニメーションは行いません。私は生のSVGコード:SVG animation Fiddleでフィドルを作った。私のページでは、私はちょうど、オブジェクトを配置し、このような外部の.svgファイルを埋め込む:アニメーションがIEで動作しない

<object> 
    <embed id="obj" src="LCF.svg"></embed> 
</object> 

申し訳ありませんが、この質問は、すでに尋ねたが、私は尋ねる前に多くのことをGoogleで検索し、私はこの問題を解決するための何かを見つけることができませんでしたか私はIE 10ではなく-ms-プレフィックスを含む。

+0

IEはSVG要素のCSSアニメーションをサポートしていません.Edgeにアップグレードする以外に解決策はありません。ダッシュアニメーションのエッジバグもうまくいきません。 –

+0

ありがとうございました。私のように思えますが、私は解決策のない問題に対して頭を叩いていました。もう一つのことは、視聴者がIEを使用している場合にロゴを表示する方法を知っていますか?別のSVGを読み込んでいて既に埋め込んでいるものなど –

+0

申し訳ありませんが、私は最後のコメントをあまり理解していませんでした。すべてのユーザーが同じように体験できるようにアニメーションを変更する必要がありますか? –

答えて

2

IEはSVGでCSSアニメーションをサポートしません。 SVGのデフォルトであるSMILアニメーションもサポートしません。それはあなたが構築しているロゴである場合は、GIF(アニメーション)に変換し、代わりにSVGのGIFを使用することができます

  1. Alternatives-

  2. smil2cssをご覧ください。 SMILをCSSに変換し、CSSをサポートする任意のInternet Explorerバージョンで動作するユーティリティです。

  3. FakeSmileをご覧ください。

関連する問題