Sencha PhoneGap：面板背景圖像不顯示在Android apk

我正面臨一個問題在sencha觸摸與phonegap。在scss代碼中設置'xtype：panel'屬性'cls：topImgPanel'，其中我正在爲面板設置背景圖像。Sencha PhoneGap：面板背景圖像不顯示在Android apk

{ 
    xtype : 'panel', 
    cls : 'topImgPanel', 
    height : '15%', 
    docked : 'top', 
}

.topImgPanel { 
    background-image: url("img/TOP_Printer_HD1.png") !important; 
    background-size: 100% 100% !important; 
    height: 100%; 
    width: 100%; 
}

此代碼似乎在瀏覽器中運行，但使用PhoneGap的在我的Android模擬器中運行它的時候。圖像不再可見。

無法弄清楚什麼是錯的。

來源

2014-01-24 Akshay

經過一番掙扎後，如果發現這個link

如前所述，我們需要把圖像轉換成根文件夾，所以在我login.scss：

.topImgPanel { 
    background-image: url("../../TOP_Printer_HD1.png") !important; //changed path 
    background-size: 100% 100% !important; 
    height: 100%; 
    width: 100%; 
}

，我複製我的圖片文件在'phonegap/www'目錄下。

希望這有助於！

來源

2014-01-24 07:08:04 Akshay

您的圖片網址不正確。

實際上，您提供給圖片路徑的網址應該與CSS文件的位置相關。所以你需要根據你的Android手機改變它。

來源

2014-01-24 05:38:06 user3230699

我編輯了我的項目和問題把img文件夾放到'resources/css'文件夾中，如上所示。即使問題持續生成的apk。 – Akshay

Sencha PhoneGap：面板背景圖像不顯示在Android apk

回答

相關問題