Hi,
Is there a way to stretch a background image so it takes up the full width and height of a page?
I need this to remain in this position and still allow the user to scroll down a page. I also need this to work on an iPad and iPhone.
Has anyone ever done this before with any success?
I know of Supersized, but this doesn’t work with the iPad or iPhone.
Many thanks for any pointers
You might be able to adapt the methods from this page but the first method ( background-size) doesn’t seem to work on the iphone which strangely enough is the one that I thought might work.
I haven’t tried the others so it’s probably a case of testing to see unfortunately.
Thanks for the reply, Paul.
I’ll take a look at these in the morning and see how I go.
Will report back 
Please do - it will be interesting to see what works with the iphone. I don’t have an iphone so I can only test with the emulator which is pretty good but just a little awkward.
Emulator, you say? Do you have a link?
You need an apple mac but the download is free after you register.
iOS Dev Center - Apple Developer
It’s a whole developer package and is a massive download with the iphone emulator being a small part of the package. You have to download the whole lot but once loaded you can just run the iphone emulator like any other browser.
It’s the only true emulator about and should be more or less 100% accurate as it’s meant for devs to test their apps etc.
Wow. Vaguely remember my friend telling me about this before. Thanks for this.
This worked perfectly btw:
Full Page Background Image | Progressive
Just tested it with one of our sites and it worked a dream. Slight “stretching” with pages with long content, but all in all not too bad
Many thanks for your help Paul. You’re a star!