How to set transition background in jQuery Mobile?

jquery, jquery-mobile

Solution

I believe you can just set CSS for the body element:

body {
 background-color: blue !important;
}

EDIT: turns out it needs the !important part.

See here http://jsfiddle.net/4ayER/2/

Problem

During some of the page transitions (for example during the turn and flow transitions) in jQuery Mobile a blank background/page is shown during the transitions. For reference see: http://jquerymobile.com/demos/1.1.0/docs/pages/page-transitions.html How does one change that blank background? EDIT: Here's a JSfiddle to illustrate what I mean: http://jsfiddle.net/4ayER/

Original source