IE7 和 IE8 中的模糊标题图像答案

【问题标题】：blurry header image in IE7 and IE8IE7 和 IE8 中的模糊标题图像
【发布时间】：2010-03-17 03:53:19
【问题描述】：

在此测试页面上：http://www.onebagoneearth.com/ Products-test ，当您将鼠标悬停在该文本（这是背景-image）在 IE7 和 IE8 中（至少在 Vista 上，以及在 IETester 上），图像模糊（不仅仅是因为不透明......这将是正常的悬停效果）。这是为什么呢？

在具有类似 CSS 的页面上不会发生同样的事情：http://www.onebagoneearth.com/Products。如果是缩放：1 位 CSS，我不明白为什么它会在一页上而不是另一页上这样做。

【问题讨论】：

我在 Win 7 Aero 上的 IE8 中没有看到这个，你在什么操作系统上？
对我来说，在 Win 上的 FFX 3.0.15 上，两个页面的行为都是一样的——它们都使图像略微变暗，这可能就是你所说的“模糊”的意思？
我使用的是 Vista，我指的是实际的标题文本，即背景图像。它几乎看起来像标题被分成两层相同的标题图像，一层放大且不透明，后面是一个较小的非透明层。看起来很奇怪。我在上面也澄清了这一点。

标签： html css internet-explorer-8 internet-explorer-7

【解决方案1】：

我明白你的意思，但在我的电脑上它并没有模糊，而是得到一个由深灰色像素构成的嘈杂轮廓。

这是因为您使用的是带有 Alpha 通道的 PNG 图像，并且正在对其应用过滤器。 Internet Explorer 无法正确处理此问题，并在纯色背景而不是实际背景上绘制半透明像素。

这种情况发生的时间和确切的显示方式可能因计算机而异，甚至在不同情况下在同一台计算机上也是如此。这就是为什么有些人会经历而有些人不会。

【讨论】：

是的！而已。谢谢你！我之前用的是gif。除了切换回 GIF（我相信 IE6 不支持即使有黑客攻击）之外，还有其他修复方法吗？
@Lauren：您可以将每个文本的两个版本放在精灵图像中并在它们之间切换，而不是使用过滤器。 IE 6 确实支持 GIF 图片，所以这也是一个替代方案。