Cordoba gray color background

Question

I am new to Cordova / PhoneGap development. When deploying to an iPhone, I noticed this light gray background color behind the application. This is noticeable when the device rotates from portrait to landscape (and vice versa). You can also see it when scrolling up or down using the default launcher application. The ripple emulator does not have this effect.

Any idea where this color comes from and how to redefine it? I tried modifying config.xml with. I can, of course, set the css background color for the body, but that does not change the gray background.

Below are some screenshots from the iPhone, where you can see a gray background when rotating or scrolling using a standard example application.

ios screenshot 1 screenshot ios 2

Answer 1

You must change the background color of the body tag in the index.css file located at www / css / index.css

Hope this helps you

Answer 2

Commenting out all the background properties in index.css, I solved this for me:

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */

    /*background-color:#E4E4E4;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
    background-attachment:fixed;*/

    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
    width:100%;
}