Html 动画不在IE上工作

Html 动画不在IE上工作,html,css,svg,Html,Css,Svg,我为一个网站制作了一个SVG徽标,我现在正试图制作它的动画,它在Firefox和Chrome上运行得非常好,但由于某些原因,当我将它加载到IE上时,它被视为一个普通图像,什么也不做。此外,在“边”中,它会在颜色之间进行转换,但不会在虚线动画之间进行转换。我修改了原始SVG代码:。在我的页面中,我只是放置了一个对象,然后嵌入外部.svg文件,如下所示: <object> <embed id="obj" src="LCF.svg"></embed> <

我为一个网站制作了一个SVG徽标,我现在正试图制作它的动画,它在Firefox和Chrome上运行得非常好,但由于某些原因,当我将它加载到IE上时,它被视为一个普通图像,什么也不做。此外,在“边”中,它会在颜色之间进行转换,但不会在虚线动画之间进行转换。我修改了原始SVG代码:。在我的页面中,我只是放置了一个对象,然后嵌入外部.svg文件,如下所示:

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


抱歉,如果这个问题已经被问到了,但我在问之前搜索了很多,我找不到任何可以解决这个问题的方法,包括-ms-前缀,因为我使用的是IE 10而不是9,IE不支持SVG上的CSS动画。它也不支持SVG默认的SMIL动画

备选方案-

  • 如果它是您正在构建的徽标,则可以将其转换为GIF(动画)并使用GIF而不是SVG

  • 看一看。它是一个将SMIL转换为CSS的实用程序,可在任何支持CSS的Internet Explorer版本中使用

  • 看一看。允许您设置web内容动画的JavaScript库


  • IE不支持SVG元素的CSS动画,除了升级到Edge之外,没有其他解决方案。我认为在短跑动画中有一个已知的边缘缺陷也不起作用。非常感谢。好像是一个问题,我的头撞到了一个没有解决方案的问题上。还有一件事,如果观众使用IE,你知道一种只显示徽标的方法吗?就像加载另一个svg,但是已经填充了或者其他什么对不起,我不太理解最后的评论。你的意思是我应该改变动画,让所有用户都能体验到相同的效果吗?不,设置一些东西,这样在没有动画工作的情况下,你就可以得到IE图像,并使动画从那种状态开始工作。很好的选择。谢谢