My background is white, with a repeating image across the top. This works great, but in iOS safari, when the page is zoomed out, a grey line appears beneath that image...

I know this is a rendering problem with the browser, how it scales the page or whatever, but does anyone know how to get around it? Is this approach of applying a background image correct?

The site is at

an example iPhone screenshot is at

  • This is a guess... may be increase the height of the image by 1px? If it's an odd number of pixels, make it even? w3d almost 8 years ago

1 answer


Looking at your repeating PNG you have black and then the gradient. Try setting the repeat on the background to only repeat-x and see if that works.

Answered almost 8 years ago by Brian Hicks