Cordova 为 android 设置背景图像答案

【问题标题】：Cordova set background image for androidCordova 为 android 设置背景图像
【发布时间】：2012-01-03 11:01:56
【问题描述】：

我正在使用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...但是它不起作用..这是为什么？

谢谢

【问题讨论】：

标签： android jquery-mobile cordova

【解决方案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" />

【讨论】：

【解决方案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”是您的主题标识符。

【讨论】：