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

科尔多瓦为android设置了背景图像

2 个答案: