2012-08-09 57 views
0

我正在與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

回答

1

首先確保路徑正確,即圖像文件夾與HTML頁面處於相同路徑,或者如果在CSS中聲明,則處於CSS級別。如果不是嘗試把images/bg.jpg在單引號,所以:

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