Image 在使用变换缩小图像时是否可以避免模糊？

我有一个背景图像设置在一个div在100%

<div style="width: 990px; height: 742px; background-image: url('http://images.nationalgeographic.com/wpf/media-live/photos/000/913/cache/deadvlei-africa-namibia_91343_990x742.jpg'); background-size: 100%; background-repeat: no-repeat;"></div>

这是一本书

在webkit浏览器中，图像似乎只会失去质量。Chrome比Safari更糟糕

---

有人知道为什么使用“变换：缩放”（transform:scale）时图像会失去质量吗？是否有办法解决这个问题？

这个问题已经被提出。只需将模糊过滤器设置为0。

---

检查

这个问题已经问过了。只需将模糊过滤器设置为0。

---

检查

没有Css存在（transform:scale（.25）），它只是声明为一个内联样式。可能的重复没有Css存在（transform:scale（.25）），它只是声明为一个内联样式。可能的重复

<div style="width: 247.5px; height: 185.5px; background-image: url('http://images.nationalgeographic.com/wpf/media-live/photos/000/913/cache/deadvlei-africa-namibia_91343_990x742.jpg'); background-size: 100%; background-repeat: no-repeat;"></div>

<div style="width: 990px; height: 742px; background-image: url('http://images.nationalgeographic.com/wpf/media-live/photos/000/913/cache/deadvlei-africa-namibia_91343_990x742.jpg'); background-size: 100%; background-repeat: no-repeat; transform: scale(.25);"></div>