【问题标题】:Loss of image quality in IE?IE中的图像质量损失?
【发布时间】:2015-10-30 12:56:53
【问题描述】:

在我的模板中,我的 img css 包含以下代码行:

img{
    max-width: 100%;
    height: auto;
}

每当我将图像放置在我的一个 div 或设置宽度标签中时,图像都会像在 CSS 中一样适当地缩小和修改自身。

但是在 IE(不是 Chrome 或 Firefox)中,图像在自动调整时会变得像素化。

我已经四处寻找解决方案,但还没有任何对我有利的方法。

【问题讨论】:

    标签: css image internet-explorer explorer


    【解决方案1】:

    IE 的图像渲染不是最好的。尝试添加:

    img {
        -ms-interpolation-mode: bicubic;
    }
    

    Source

    【讨论】:

    • 不幸的是,我已经尝试过了,包括在它自己的 img 标签中的 css 之后添加它。仍然我得到像素化。
    • 您能否也将width:auto 添加到您的img CSS 中,看看是否有任何作用?
    • 我将 width: auto 添加到 css 标记中,但它没有做任何事情......如果有任何事情,主要修复是在调整时使用 PNG。那是我看到最多的问题。与 Firefox 和 Chrome 中的平滑纹理不同,边缘是像素化的。
    猜你喜欢
    • 2012-10-08
    • 2012-06-22
    • 1970-01-01
    • 1970-01-01
    • 2014-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多