针对iOS的Phonegap背景图像无法正常工作

问题描述:

我正在与Phonegap合作开发针对iPhone的应用程序。针对iOS的Phonegap背景图像无法正常工作

我有我们的设计师的应用程序设计,并试图设置index.html页面的背景。无论我尝试什么代码,我都无法展示它,而且我总是以白色背景结束。

我试过,但没有奏效

<body style="background: url(images/bg.jpg) no-repeat;background-size: 100%;" > 

我也试过在创建JQuery的CSS文件的最后一类,并将其应用到页面的主要股利或身上,那没”将不起作用太

我甚至试图覆盖全身CSS,没有工作,要么

body   { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    } 

什么想法?

+0

只是为了确认,如果你在页面上正常显示图像时,它的存在和渲染,是否正确? – 2012-08-09 05:48:22

+0

是的,这是正确的 – KamalSalem 2012-08-09 06:03:51

+0

你可能会在你的服务器或jsfiddle或codepen上发布一个公共示例,因为你的代码在语法上似乎是正确的,所以除了能够挖掘一个例子,没有什么可以告诉你从上面的代码。 – 2012-09-15 16:27:10

首先确保路径正确,即图像文件夹与HTML页面处于相同路径,或者如果在CSS中声明,则处于CSS级别。如果不是尝试把images/bg.jpg在单引号,所以:

<body style="background: url('images/bg.jpg') no-repeat;background-size: 100%;" >