Css IE11：如何防止精灵设置动画以纠正错误

按照惯例，我在网站的左上角放置了一个公司徽标，并将其包裹在主页的链接中。此图像属于一个精灵，以及同一图像的不同大小（等等）

该网站有响应CSS，因此该元素的默认背景图像是较小的移动版本，媒体查询选择较大的桌面浏览器版本

但是，在Internet Explorer 11中加载页面时，您可以看到图像的较大版本被移动到位。事实上，如果你点击图标来重新加载主页，它会变得非常明显：精灵似乎滑过背景图像“窗口”。[我发现，如果你打开IE的开发工具，这种效果就不会发生。]

此外，在页面的横幅中有三个元素，它们的字体大小设置为全尺寸

有人知道如何防止这种动画效果发生吗？尤其是精灵-因为你可以看到精灵中的其他图形快速滑过“窗口”-它看起来不合适

---

要直接查看示例，请浏览到使用IE11。如果您不想对某个元素和CSS属性进行

转换

，则不应使用应用转换的规则（或再次为该元素重置转换），或不使用

转换：all

---

（您的样式表中有

a{transition:all；}

，因此链接徽标的

背景位置的更改也被转换，而不是“立即”发生。）
如果您不希望某个元素和CSS属性使用
转换
，则不应使用应用
转换
（或再次为该元素重置转换）的规则将该元素作为目标，或者不使用
transition:all…
我没有意识到所有锚元素都有一个transition属性。感谢您指出这一点，它解决了问题。[如果您将此建议作为答案而不是评论提供，那么您将获得更多分数。]将其作为答案添加。