I have a footer with shadow created on :after element, by using background-image with proper file in png format. The image is 20px high, 5px wide, and goes from black (bottom) to transparent (top).
It is visible and properly working on all devices, but on Samsung Galaxy s3 on the top border of created shadow there is visible 1px thick gray line. It disappears, when I press screen for a second and when antialiasing on scaled graphics is disappearing. After normal tap it comes back.
It looks like after redrawing and rescaling all graphics, rendering engine is leaving that line. Has anyone encountered an issue like this?
Here is part of a screenshot from device running app. http://i.imgur.com/eMglrfr.png
I will appreciate all possible solutions. Thanks