混合应用程序背景图像跳转到屏幕而不是先加载

时间:2014-07-28 03:19:22

标签: css html5 jquery-mobile background-image

我正在使用phonegap处理混合HTML5,Jquery Mobile应用程序。我目前遇到了使用CSS设置的背景图像的问题。我有一个CSS类(bPage)设置背景图像和颜色以及所有这些,它似乎工作正常。问题是当您导航到需要滚动的页面时。因为图像设置在中心,所以它会移动到页面的中心,这很棒。问题是页面在前一页的位置加载图像,然后跳转到中间。我想让它在页面的其余部分加载之前移动图像,这样它就不会像页面加载中的背景跳转那样。两个页面上都有类bPage,除了跳转之外它正常工作。我假设有一种方法可以强制它加载更早或某些东西,但却找不到方法。

这是我的bPage CSS代码:

.bPage{
    background-color: #6c6d6f;
    background-image: url(../img/Backgrounds/Background.jpg);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center;
}

提前致谢!

0 个答案:

没有答案