在IE 11中缩小图像质量很差 - 在Firefox,Chrome,Opera和Safari中都很好

Question

我在div中有一个图像.div的宽度和高度由第三方javascript控件"smoothZoom"控制,它在IE以外的所有浏览器中都有效.IE8根本无法正常呈现控制(想想javascript在某处崩溃)但是现在这并不重要,所有IE版本向上都显示主图像(像素化).

div的原因是我们在div中并排有一个主图像(建筑物布局)和几个点(再次图像),每个样式"顶部"和"左"设置为主图像顶部的坐标.

即:

<div>
    <img src="\mainimage.png"/>
    <img style="top: 310px; left: 1675px; width: 50px; height: 50px;" src="/Images/dot.png" data-id="2">
</div>

正如我所说的,除了具有像素化图像和不清晰文本和细线的IE之外,所有浏览器都能正常工作.

编辑:我应该添加smoothZoom控制div而不是图像.

Answer 1

我手头没有 IE 11，无法自己尝试此操作，但请尝试在 CSS 中设置 -ms-interpolation-mode: bicubic 并查看是否有任何效果。

编辑：看起来这仅在 IE7 中支持。IE 似乎不再支持图像的平滑缩放。