CSS背景，PNG具有透明度开始的白线

Question

我在PNG图像上获得了一个奇怪的白色边框，当使用图像作为CSS的背景时，视网膜设备上的透明度开始。有没有办法让白色边框消失？

.background {
    background: url('../image.png') no-repeat;
}

Answer 1

能够找到解决此问题的其他任何人的修复程序。

我为视网膜设备创建了一个媒体查询并更改了图像渲染。

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .background {
    image-rendering: -webkit-optimize-contrast;
  }
}