按照惯例，在网站的左上角，我放置了一个公司徽标，该徽标包含在主页的链接中。此图像属于精灵，以及同一图像的不同大小（以及其他）。
该网站具有自适应CSS，因此相关元素的默认背景图片是较小的移动版本，媒体查询为桌面浏览器选择较大版本。
但是，当在Internet Explorer 11中加载页面时，您可以看到正在操作的图像的较大版本。事实上，如果你点击图标重新加载主页就会变得非常明显：精灵似乎滑过了背景图像'窗口'。 [我发现，如果你打开IE的开发者工具，的效果就不会发生。]
此外，页面横幅中有三个元素，其字体大小设置为完整大小。
有谁知道如何防止这种动画效果发生？特别是使用精灵 - 因为你可以看到精灵中的其他图形快速滑过“窗口” - 它看起来不合适。
要第一手查看示例，请使用IE11浏览到this site。
答案 0 :(得分：1)
如果您不希望transition用于某个元素和CSS属性 - 那么您应该使用应用转换的规则（或者再次为该元素重置它）来定位该元素，或者不使用transition:all ...
（您的样式表中有a { transition:all; }，因此链接徽标的background-position更改也已转换，而不是“立即”发生。）