IE 11呈现经过调整大小的图像而不会产生抗浮光效果

Nat*_*ers 5 css internet-explorer resize image antialiasing

我有一个页面,其中服务器上的图像使用CSS缩小(例如,一个300x600px的图像将被CSS缩放到100x200px)

在Chrome和Firefox中,使用适当的抗锯齿功能可以正确显示这些图像。问题在于IE 11,IE 11完全显示图像而没有抗锯齿,使图像看起来参差不齐且清晰。

由于项目的特殊要求,必须通过CSS调整图像大小。

我尝试添加 -ms-interpolation-mode: bicubic;,但是由于Internet Explorer的“现代”版本已被折旧,因此无法使用。

有什么方法可以使IE使用抗锯齿渲染这些重新调整大小的图像?我认为,这应该是IE自动执行的操作,因为市场上的所有其他浏览器似乎在处理调整大小后的图像时都没有问题。