Cordova установить фоновое изображение для Android - PullRequest
Новая
       1

Cordova установить фоновое изображение для Android

0 голосов
/ 03 января 2012

Я работаю над приложением для Android, используя Cordova и JQuery Mobile.Как установить фоновое изображение в этом приложении? Мне нужно поместить фоновое изображение на всех страницах ...

Это мой код ... Посмотрите, у меня есть только одна HTML-страница, и приведенный ниже код входит в этот HTMLpage..то также представляет страницу .. у меня есть 6 страниц, подобных этой, на одной html-странице .. я хочу поместить фоновое изображение на эти 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>

Здесь я дал фоновое изображение URl в открывающем теге div ... но этоне работает .. почему это?

Спасибо

Ответы [ 2 ]

3 голосов
/ 03 января 2012

Поместите этот 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 голосов
/ 11 октября 2012 
.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' - идентификатор вашей темы.

...