[Solved] transparent pixel renders different on PC and iPhone

Question

To achieve 100% compatibility with all browsers (IE6+), I’ve used recommendation from the following post:

Alpha transparent PNGs not displaying correctly in Mobile Safari

Even though the above topic is dedicated to the Mobile Safari browser ONLY – I confirm that the practice of settings transparent pixel to more than 1px of width/height is solving the issue with inconsistent look for all major browsers (IE6+).

In other words, your transparent pixel needs to be at least 2px wide/high to look like expected in all browsers as per PNG’s RFC: http://www.ietf.org/rfc/rfc2083.txt.

Accepted Answer

To achieve 100% compatibility with all browsers (IE6+), I’ve used recommendation from the following post:

Alpha transparent PNGs not displaying correctly in Mobile Safari

Even though the above topic is dedicated to the Mobile Safari browser ONLY – I confirm that the practice of settings transparent pixel to more than 1px of width/height is solving the issue with inconsistent look for all major browsers (IE6+).

In other words, your transparent pixel needs to be at least 2px wide/high to look like expected in all browsers as per PNG’s RFC: http://www.ietf.org/rfc/rfc2083.txt.