How to set Background image for iphone app in phonegap

Asked 2011-09-22T05:03:06.467

I am new in phonegap development and i am developing one project for iphone application with use of phonegap framework.

I am setting http://www.wallpaperbase.com/wallpapers/computer/mac/mac_8.jpg image as a background of my iphone application but its showing problem with image means image not properly displaying on my iphone Device like as given image example below.

Please solve my issue ASPS.

enter image description here

Please check my code and let me know what's wrong in it.

iphone html cordova

Edit Report

1 Answer

You need to try this on line number 15 in index.html page-


<body style="background: url(mac_8.jpg) no-repeat;background-size: 100%;" >

then your app's background image will look like this -

landscape mode portrait mode

only if you made changes in info.plist to support for landscape mode for iPhone

One important thing - take background image of size 320X480 or 640X940 (iPhone4)

answered 2011-09-22T10:07:18.433