按照惯例，我在网站的左上角放置了一个公司 Logo ，该 Logo 包裹在指向主页的链接中。此图像属于 Sprite ，以及同一图像的不同尺寸(以及其他)。
该网站具有响应式 CSS，因此相关元素的默认背景图像是较小的移动版本，媒体查询为桌面浏览器选择较大的版本。
但是，当页面在 Internet Explorer 11 中加载时，您可以看到较大版本的图像被移动到位。事实上，如果您单击该图标以重新加载主页，它会变得非常明显: Sprite 似乎滑过背景图像“窗口”。 [我发现如果您打开 IE 的开发者工具，效果不会发生。]
此外，页面横幅中的三个元素的字体大小已动态显示为完整大小。
有谁知道如何防止这种动画效果发生？特别是 Sprite - 因为您可以看到 Sprite 中的其他图形快速滑过“窗口” - 它看起来不合适。
要直接查看示例，请浏览至 this site使用 IE11。
最佳答案
如果您不想为某个元素和 CSS 属性使用 transition – 那么您不应该使用应用转换的规则来定位该元素(或者再次为该元素重置它) , 或者不使用 transition:all ...
(您的样式表中有 a { transition:all; }，因此链接 Logo 的 background-position 的更改也被转换，而不是“立即”发生。)
关于css - IE11 : How to prevent sprite animating to correct co-ords，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24868954/