我在一个 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 而不是图像。
最佳答案
我手头没有 IE 11,无法自己尝试,但请尝试在您的 CSS 中设置 -ms-interpolation-mode: bicubic,看看是否有任何效果。
编辑:看起来这只在 IE7 中受支持。 IE 似乎不再支持图像的平滑缩放。
关于javascript - 在 IE 11 中缩小图像质量不佳 - 在 Firefox、Chrome、Opera 和 Safari 中良好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24780146/