Background problem

Hi guys,
i have a layout which is 1920x1080.
I have added a background image to it and on top of my layout background i have the region which is also 1920x1080

And finally i am adding the content which are 4x HTML web pages,
my html pages are also 1920x1080 with the exact same background image. Reason for using the exact same background in both the layout and HTML5 pages is to prevent the black screen that comes when the system jumps from one page to another.

Now,
i still see the ugly black background for 2 seconds at least before it changes to the second page.

Am doing something wrong?

How is that the layout is not showing the background image when the pages are changing where pages also have the same background image?

Is it seriously so that we cannot prevent those black gaps in between?

Thanks!