在Android上不顯示Phonegap CSS背景

我剛開始使用phonegap，並遇到通過正文和div顯示背景的問題。我使用的背景圖像與啓動畫面相同，唯一的區別是啓動畫面加載圖像，而css不會顯示它。這裏是我的代碼...在Android上不顯示Phonegap CSS背景

<style> 
#bg { 
background: url(_images/splash.png) top center no-repeat; 
width: 500px; 
height: 500px; 
} 
</style> 
</head> 

<body> 
<div id="bg"> 
Hi 
</div>

我試着加上引號的圖像URL左右，添加和刪除「頂」，「中心」和「不重複」，並使用背景圖片也試過而不僅僅是背景，但沒有任何工作出於某種奇怪的原因。我設法做了背景色的工作，只是成像不起作用。

而且由於我使用Dreamweaver的設計視圖/實時視圖，我還檢查以確保圖像顯示出來之前，我再次將應用程序下載到我的手機。

來源

2013-07-24 Attict

您是否嘗試過使用url內的引號？像'url（「_ images/splash.png」）' –

是的，我已經嘗試過雙引號和雙引號。我發佈的代碼是最新的嘗試。 – Attict

其他樣式屬性（高度，寬度）是否正常工作？ –

試着把你的CSS放在頁面的末尾。

otherwhise，打開你的桌面瀏覽器內的文件（不關心錯誤）。如果你可以看到背景，它就像一個phonegap的bug。如果你不能看到它，你已經犯了一個錯誤（404，該文件不存在？）

來源

2013-07-25 12:55:02 Someoneinthe

我有與Android和Phonegap相同的問題。什麼工作對我來說是設置背景的大小和背景，地位與形象，就像這樣：

#bg 
{ 
    background: url(_images/splash.png) no-repeat center center; 
    background-size: 100% 100%; 
    background-position:100% 100%; 
}

我的樣式也聯定義，我不知道認爲這與這個問題做任何事情，但嘗試一下。

<div style="background:url(uploads/front.jpg) no-repeat center center; 
      background-size: 100% 100%; 
      background-position:100% 100%;"> 
</div>

來源

2013-07-25 13:33:35

嘗試除了這一切，感謝分享:) –

我發現我的答案只是通過搞亂它。我猜目錄名中的下劃線不允許它工作。所以爲了防止其他人遇到這個問題，我想避免使用下劃線。

來源

2013-07-25 13:39:07 Attict

我不明白。不是基於普通Linux的Android，普通的文件名規則就像「任何事情都會發生，只是爲了您自己的安心避免不可打印的字符」？我想不出一個下劃線會成爲問題的單一操作系統。 –

在Android上不顯示Phonegap CSS背景

回答

相關問題