IE8中的PNG-24背景图像模糊答案

【问题标题】：PNG-24 Background Image Blurry In IE8IE8中的PNG-24背景图像模糊
【发布时间】：2011-10-22 03:40:19
【问题描述】：

我有带有 PNG-24 背景图像的 div 和 span 元素。背景图像是像素锐利的，但是，尽管浏览器的缩放设置为 100%，文本设置为中等大小，但它们在 IE8 中显得模糊。

奇怪的是，当我向下和向上滚动时，背景图像又变得清晰了。

它是这样显示的：

向下滚动并向上滚动后，它是这样显示的：

即使在这种情况下，它也有点模糊。这在 IE6、IE7 或 IE9 中不会发生。

【问题讨论】：

标签： internet-explorer-8

【解决方案1】：

我遇到了同样的问题 - PNG-24 图像在 Firefox 中看起来不错，但在 IE8 中却非常模糊。解决方案，在 IE8 中转到 Tools > Internet Options > Advanced Tab。在树中，在 多媒体 下取消选择启用自动图像调整大小。这应该可以解决问题。

【讨论】：

确保您的缩放比例为 100%

【解决方案2】：

.classid img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

【讨论】：