how to avoid background scrolling on safari mobile

eMisc
eMisc used Ask the Experts™
on
Hello,
how can I keep background image always on same position not scrolling with content?
I need it to work on safari mobile for iphone/ipad, this is the current code but it doesn't work, image doesn't repeat but it's not fixed:


background-image:url('fondo-iphone2.png');
                background-attachment: fixed; 
                background-position: top;
                background-repeat: no-repeat;

Open in new window


thank you
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2013
Commented:
Ipad and iphone are a little quirky, as is safari in mobile.

there are three possibilities that might help:

-webkit-background-clip:content-box;

background-size:cover;

background-size:contain;

I don't use anything Apple, so I can't experiment, you will need to try them yourself.

Cd&

Author

Commented:
none of them works, but there aren't more answers, thank you

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial