防止缩放背景图像

Question

所以基本上我有这个项目，我试图制作放大镜。 我遇到的问题是，对于真正放大的图片，我没有干净的缩放。

当我放大一个屏幕截图时，我明白了：

我想得到这个：

不要在意这里的规模，我在谈论模糊效果！ 我认为这是因为我使用背景大小属性为缩放提供动力，并且它可以缩放图像。如何防止这种情况发生并保持整齐的PNG缩放？

解决

感谢大家的解决方案。我将此添加到我的CSS样式中。

image-rendering: pixelated;

在最新的Chrome版本上，我的工作正常。