Internet explorer 将SVG元素转换为IE

他是所有人。面对这样一个问题-IE浏览器中没有svg元素的动画（偏移量）（Chrome和Firefox的工作方式应该如此），请告诉我如何修复它

var eyecycle=$（“.bl_eyecycle”）；
按钮眼=$（“.bl_眼”）；
按钮Y.on（“单击”，函数（）{
眼圈({
msTransform:'translateX（80px）'
});
});
.bl\u眼睛{
位置：相对位置；
边缘顶部：58px；
左边距：50像素；
显示：内联块；
垂直对齐：底部对齐；
宽度：95px；
高度：95px；
框大小：边框框；
z指数：999；
}
.bl_eye-checkbox{
位置：绝对位置；
最高：25%；
左：45%；
}
.bl#U eye#swich{
光标：指针；
z指数：999；
}
.bl_眼部标签{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.bl_eye.swichRectangl{
填写：#201600；
过渡：一切都很轻松；
}
.bl_眼睛。眼球左{
不透明度：1；
笔画宽度：3；
填充：无；
行程限制：10；
行程：#201600；
过渡：一切都很轻松；
}
.bl_eye.Eyebrowright{
填充：无；
笔画宽度：1.6；
行程限制：10；
冲程：#fad9c2；
过渡：一切都很轻松；
不透明度：0；
}
.bl_眼睛。舌头{
行程：#201600；
过渡：一切都很轻松；
}
.bl_eye.st1{
填充：#ed7d31；
}
.bl_眼。bl_眼圈{
填充：#ed7d31；
过渡：一切都很轻松；
}
.bl_眼睛。嘴巴{
填充：无；
行程：#201600；
笔画宽度：3；
行程限制：10；
过渡：一切都很轻松；
}
.bl_眼睛。切换文本{
字体大小：14px；
字体系列：“ArciformSanscyr”，无衬线；
填充：#ed7d31；
}
.bl_-eye.bl_-eye-checkbox:选中+.bl_-eye-label.bl_-eye-circle{
-webkit转换：translateX（80px）；
-ms变换：translateX（80px）；
转换：translateX（80px）；
过渡：一切都很轻松；
}
.bl_eye.bl_eye-checkbox:选中+.bl_eye-label.Eyebrowright{
不透明度：1；
过渡：一切都很轻松；
}
.bl_eye.bl_eye-checkbox:选中+.bl_eye-label.Eyebrowleft{
不透明度：0；
过渡：一切都很轻松；
}
.bl_-eye.bl_-eye-checkbox:选中+.bl_-eye-label.swichRectangl{
填充：#fad9c2；
过渡：一切都很轻松；
}
.bl_-eye.bl_-eye-checkbox:选中+.bl_-eye-label.mouth{
冲程：#fad9c2；
过渡：一切都很轻松；
}
.bl_-eye.bl_-eye-checkbox:选中+.bl_-eye-label.glue{
冲程：#fad9c2；
填充：#fad9c2；
过渡：一切都很轻松；
}
.bl_-eye.bl_-eye-checkbox:选中+.bl_-eye-label.切换文本{
显示：无；
}

ме
ню
正如您所发现的，IE不支持SVG元素的CSS动画。你可以重写它，不使用CSS动画，即在javascript中设置每个步骤的动画，或者使用SMIL和polyfill。我看到IE非常不支持SMIL动画，我不想在project中下载新的库。如何使用JavaScript解决IE的问题？polyfill补充道，IE不支持SMIL。至于javascript——编写代码，通过更改计时器上的转换一步一步地制作动画。或者，您可能更喜欢使用诸如Greensock GSAP之类的动画库。我应该用javascript编写什么？var眼圈=$（“.bl_眼圈”）；按钮眼=$（“.bl_眼”）；按钮ye.on（“单击”，function（）{eyecycle.css（{msTransform:'translateX（80px）}）；}）；正如您所发现的，SVG元素的CSS动画不是IE所支持的。你可以重写它，不使用CSS动画，即在javascript中设置每个步骤的动画，或者使用SMIL和polyfill。我看到IE非常不支持SMIL动画，我不想在project中下载新的库。如何使用JavaScript解决IE的问题？polyfill补充道，IE不支持SMIL。至于javascript——编写代码，通过更改计时器上的转换一步一步地制作动画。或者，您可能更喜欢使用诸如Greensock GSAP之类的动画库。我应该用javascript编写什么？var眼圈=$（“.bl_眼圈”）；按钮眼=$（“.bl_眼”）；按钮ye.on（“单击”，function（）{eyecycle.css（{msTransform:'translateX（80px）}）；}）；它不起作用