如何完美显示一张带透明的png图片

我使用sprite加载一张透明图片时,显示有白边,并且透明度也不对,使用浏览器的debug工具查看这张图是没问题的,请教如何才能完美显示一张带有透明的png图片。


截图对比.png (421.7 KB)

您好。

我觉得问题可能是出在您所选用的png图片和背景色上。

因为您的图片呈半透明状,底部控制台背景色是灰白相间的方块,而页面上的背景为黑色,相叠加后黑色背景肯定看起来比灰白相间的背景颜色更深一些。

而白边问题,可能也是图片上有部分白色,因为控制台内背景偏浅,所以白边和背景很好的融合了,而深色背景的时候带有白色的半透明边就显得很突兀了。

希望能够帮到你,如果不是上面的问题的话,希望能附上一张原图PNG,以便我们能够还原您所遇到的问题。

这个只有在webgl才出现的情况吧?

如果是,那么就是透明度预乘和不预乘的问题了
你要设置一下图片的blendmode