为什么 IE11 和 Edge 无法正确渲染带有 Font Awesome 图标的动画?
Why is IE11 and Edge incorrectly rendering animation with Font Awesome icons?
我正在使用最新的 Font Awesome 将 SVG 图像作为图标放置在我的导航栏中。它们应该保持隐藏状态,直到您将鼠标悬停在导航项上,此时文本滑过并且 SVG 淡入。
这在 Chrome 中工作正常。
在 Internet Explorer 11(在 Windows 7)和 Edge(在 Windows 10)中,我得到了这种奇怪的效果,SVG 出现在视口的顶部并在那里等待直到文本滑动动画结束,此时它会扑通一声停在文本旁边。
我已经尝试了各种故障排除,但我无法弄清楚这是在做什么以及为什么。我该如何解决这个渲染问题?
从 class .link-container
中删除 position: relative
。
不需要使用带有开发工具栏的 IE 11 对其进行测试。
然后它工作正常 position: relative
弄乱了位置。
我正在使用最新的 Font Awesome 将 SVG 图像作为图标放置在我的导航栏中。它们应该保持隐藏状态,直到您将鼠标悬停在导航项上,此时文本滑过并且 SVG 淡入。
这在 Chrome 中工作正常。
在 Internet Explorer 11(在 Windows 7)和 Edge(在 Windows 10)中,我得到了这种奇怪的效果,SVG 出现在视口的顶部并在那里等待直到文本滑动动画结束,此时它会扑通一声停在文本旁边。
我已经尝试了各种故障排除,但我无法弄清楚这是在做什么以及为什么。我该如何解决这个渲染问题?
从 class .link-container
中删除 position: relative
。
不需要使用带有开发工具栏的 IE 11 对其进行测试。
然后它工作正常 position: relative
弄乱了位置。