Cordova为Android设置背景图像

Question

我正在使用 cordova 和 jquery mobile 开发一个 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...但它不起作用...为什么呢？

谢谢

Answer 1

将此 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" />

Answer 2

.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”是您的主题标识符。