Transitions blink on jQueryMobile pages navigation

Question

I'm developing an HTML5 app using PhoneGap + JqueryMobile. My problem is when I redirect the user to another page (for example, when he hits a link, or clicks an image button), I do it using:

$.mobile.changePage("next-page.html");

The problem is that when the second page loads, after the transition has been executed correctly, the background image seems to "blink" -I see the background, then it blinks to white, and then I see the background image again.

If then I go to the main menu and do the same, the "blink" problem does not happen again, just the first time the website is opened.

Any idea why this happens? Thanks!

Answer 1

I had this issue and resolved using this:

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}