【发布时间】:2011-10-22 03:40:19
【问题描述】:
我有带有 PNG-24 背景图像的 div 和 span 元素。背景图像是像素锐利的,但是,尽管浏览器的缩放设置为 100%,文本设置为中等大小,但它们在 IE8 中显得模糊。
奇怪的是,当我向下和向上滚动时,背景图像又变得清晰了。
它是这样显示的:
向下滚动并向上滚动后,它是这样显示的:
即使在这种情况下,它也有点模糊。这在 IE6、IE7 或 IE9 中不会发生。
【问题讨论】:
我有带有 PNG-24 背景图像的 div 和 span 元素。背景图像是像素锐利的,但是,尽管浏览器的缩放设置为 100%,文本设置为中等大小,但它们在 IE8 中显得模糊。
奇怪的是,当我向下和向上滚动时,背景图像又变得清晰了。
它是这样显示的:
向下滚动并向上滚动后,它是这样显示的:
即使在这种情况下,它也有点模糊。这在 IE6、IE7 或 IE9 中不会发生。
【问题讨论】:
我遇到了同样的问题 - PNG-24 图像在 Firefox 中看起来不错,但在 IE8 中却非常模糊。解决方案,在 IE8 中转到 Tools > Internet Options > Advanced Tab。在树中,在 多媒体 下取消选择启用自动图像调整大小。这应该可以解决问题。
【讨论】:
.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;
}
【讨论】: