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

时间:2014-07-16 11:54:19

标签: javascript html image internet-explorer

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

div的原因是我们在div中并排有一个主图像(建筑物布局)和几个点(再次图像),每个样式“top”和“left”设置为主图像顶部的坐标。 / p>

即:

<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而不是图像。

1 个答案:

答案 0 :(得分:0)

我手边没有IE 11来尝试这个,但是尝试在CSS中设置-ms-interpolation-mode:bicubic,看看是否有任何影响。

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

https://social.technet.microsoft.com/Forums/ie/en-US/e800cbaf-a539-43ba-b5f9-1d29fe709ddc/the-awful-internet-explorer-image-renderengine?forum=ieitprocurrentver