2012-01-03 126 views
0

我正在使用cordova和jquery mobile的android应用程序。如何在此应用程序中设置背景图像?我需要在所有页面中放置背景图像...Cordova为android设置背景图像

这是我的代码..看到我只有一个html页面,并且下面的代码出现在该html页面中。 。它也代表了一个页面..我在一个单一的html页面中有6个这样的页面。我想在这6个页面中放置一个背景图片。

 <div data-role="page" id="home_page" data-content-theme="a" style="background-image:url(images/back.jpg)" > 

     <div data-role="header"> 

    <div data-role="navbar"> 
     <ul> 
     <li><a href="#about_us_page" id="products" data-transition="none">About</a></li> 
     <li><a href="#purpose_page" id="projects" data-transition="none">Purpose</a></li> 
     <li><a href="#design_page" id="awards" data-transition="none">Design</a></li> 
    </ul> 
    </div> 

退出

<p align="justify">content content.....</p>  

<div data-role="footer" style="position:absolute;bottom:0px;" class="footer"> 
     <div data-role="navbar"> 
     <ul> 
     <li><a href="#construction_page" id="about_us" data-transition="none">Construction</a></li> 
     <li><a href="#issues_page" id="contacts" data-transition="none">Issues</a></li> 
     <li><a href="#share_page" id="locations" data-transition="none">Share</a></li> 
     </ul> 
     </div> 

</div> 

在这里,我已经在开放的div标记中给出了背景图像URl ...但它不工作..那是什么?

感谢

回答

3

将这个CSS在每一页的顶部:

<style type="text/css"> 
body { background-image: url(path/to/your/img.jpg); } 
</style> 

你也可以把CSS规则到外部文件,并将其链接在每个页面上像这样:

<link rel="stylesheet" type="text/css" href="path/to/your/stylesheet.css" /> 
0
.ui-body-b 
{ 
background-image:url(../../images/wtpBackground.jpg); 
background-repeat:no-repeat; 
background-position:center; 
height:10px; 
width:10px; 
} 

要在JQM中设置背景图像,您需要覆盖.ui-body-b其中'b'是您的主题标识符。