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 www.aidanhornsby.com

an example iPhone screenshot is at https://s3.amazonaws.com/aidanhornsby/misc/IMG_0058.PNG

  • 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 over 6 years ago

1 answer

0
points

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 over 6 years ago by Brian Hicks