CSS背景,PNG在透明度开始处有白线

CSS背景,PNG在透明度开始处有白线,css,photoshop,retina-display,Css,Photoshop,Retina Display,我在PNG图像上得到了一个奇怪的白色边框,在使用CSS作为背景时,视网膜设备上的透明度从这里开始。有没有办法让白边消失 .background { background: url('../image.png') no-repeat; } 能够为遇到此问题的任何其他人找到解决方案 我为视网膜设备创建了一个媒体查询,并更改了图像渲染 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .backg

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

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

能够为遇到此问题的任何其他人找到解决方案

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

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

能够为遇到此问题的任何其他人找到解决方案

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

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

能够为遇到此问题的任何其他人找到解决方案

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

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

能够为遇到此问题的任何其他人找到解决方案

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

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

寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。您可能希望将其保存为具有8位透明度的PNG。这可以通过Photoshop的“保存为Web”对话框进行选择。寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。您可能希望将其保存为具有8位透明度的PNG。这可以通过Photoshop的“保存为Web”对话框进行选择。寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。您可能希望将其保存为具有8位透明度的PNG。这可以通过Photoshop的“保存为Web”对话框进行选择。寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。您可能希望将其保存为具有8位透明度的PNG。这可以通过Photoshop的“保存为Web”对话框进行选择。