png 透明区域在 iPad 上是白色的

Question

I'm dynamically loading a png logo image with transparent background. So basically the logo is colorful and the background is transparent.

But why is the image transparent area white when viewing the webpage on an iPad device?

Answer 1

This question is already answered: Alpha transparent PNGs not displaying correctly in Mobile Safari

According to his answer you cant use a 1x1px image, but a 2x2px will work perfectly!

Answer 2

I had the same problem. I solved this, with this css rule:

background-color: rgba( 255, 255, 255, 0.0);