如何在phonegap應用程序上的按鈕上包裝img /圖標？

嗨，我正在構建一個phonegap css3和html5應用程序。它在同一行中包含兩個按鈕，按鈕上的圖標換行和img下方的文本。但圖像不顯示在按鈕上。如何在phonegap應用程序上的按鈕上包裝img /圖標？

_______________________________________ 
| ____   ______   | 
| | |   |  |   | 
| | |   |  |   | 
| |----|   |-----|   | 
| button1   button2   | 
|          | 
|          | 
|          | 
|_____________________________________|

這是我的HTML。

<a href="#button1Page" data-role="button" data-icon="button1" data-iconpos="top" data-transition="pop"> Button 1</a> <br> 
<a href="#button2Page" data-role="button" data-icon="button2" data-iconpos="top" data-transition="pop"> Button 2</a> <br>

這是這個應用程序的CSS。

ui-icon-button1 { 
    background-image: url("img/icon1.png"); 
} 
.ui-icon-button2 { 
    background-image: url("img/icon2.png"); 
}

請幫助我。

來源

2014-04-01 Ali

你能提供渲染的代碼和圖像或鏈接嗎？ – Dheeraj

由於我沒有看到與phonegap的任何鏈接，我建議你從標題和標籤中刪除phonegap，你會得到更多的讀者。 – QuickFix

http://jsfiddle.net/as7F5/這個鏈接 – Ali

你指的是你的CSS中的類，但沒有元素具有這些類。添加你需要它們的類。因此，你需要

class="ui-icon-button1"

在你想被應用該樣式的標籤

和

class="ui-icon-button2"

。

來源

2014-04-01 13:01:20

我也試過，但它不工作！ – Ali

對我來說既不是！我嘗試了不同的解決方案但沒有結果按鈕，菜單上沒有所謂的「系統圖標」，可摺疊......？爲什麼？ –

在CSS代碼中，在ui-icon-button1之前缺少一個點。 –

如何在phonegap應用程序上的按鈕上包裝img /圖標？

回答

相關問題