css - IE(7?) 会扭曲 Sprite 的背景吗？

Question

我正在为这个而烦恼。

我们即将完成对我们网站的大修开发。作为最后一步，我们试图将所有字形和图标包装成一个 Sprite 。它们都是透明的 .png，所以 Sprite 也是。看起来，如果背景来自 sptire，IE 会扭曲它。如果它来自原始文件，则不是。无论哪种方式，FF 和 Chrome 都很好。

我正在查看原始图像和带有网格的 sprited 版本，以查看像素是否相同。我已经多次计算 Sprite 中的像素以确保我使用的是正确的坐标。我的 CSS 看起来像这样:

XXbackground: url(sprite.png) no-repeat 0px -837px; /* lozRedRedSpacer */
background: url(lozRedRedSpacer.png) no-repeat;

“XX”让我来回切换。使用单文件版本，它看起来很完美: . Sprite 版本看起来像这样: .看起来它在垂直和水平方向上都被“压扁”了。这不会发生在 FF 或 Chrome 中。

有什么想法吗？

编辑 我能够去除大部分噪音并发布示例 here .我在示例中添加了注释来描述我的问题。

非常感谢您抽出时间来看这个!

更新 从那以后，我们用真正重叠的 CSS 伪类替换了这些“重叠分隔图像”，并且缩放问题似乎已经消失。当然，现在我们遇到了新问题——IE8 的 z 顺序错误，IE7 根本不理解伪元素。但至少标记更简单，缩放问题也消失了。

Answer 1

原来我的问题是由 IE 的“缩放”功能引起的。没有任何缩放，一切看起来都和其他浏览器一样。即使是 150% 或 200% 看起来也不错。但是 125%，我有它，导致这种失真。它发生在 IE7 和 IE8 中。