title: Setting a background Image in phonegap
body: <pre><code>#bgImage{
  background-image:url("/MedicineAlert/res/drawable-hdpi/bgimage.png");
  background-size: 100% 100%;
  background-repeat:no-repeat;
  background-position:100% 100%;
  top: 0px;
  left: 0px;
  }
  
  .formButton{
  
      font-family: Verdana, Geneva, sans-serif;
      font-size: 24px;
      color: #FFF;
      padding: 5px 10px 5px 10px;
      border: solid 1px #CCC;
  
      background: #ba4742;
      text-shadow: 0px 1px 0px #000;
  
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
  
      box-shadow: 0 1px 3px #111;
      -moz-box-shadow: 3px 3px 1px #999;
      -webkit-box-shadow: 3px 3px 1px #999;
  
      cursor: pointer;
  
  }
  .formButton:hover {
      background: #a33f3a;
  }
  
      &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="width=320; user-scalable=no" /&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;Alert Time&lt;/title&gt;
        &lt;link rel="stylesheet" href="register.css" type="text/css" media="screen" title="no title"&gt;
        &lt;script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" charset="utf-8" src="register.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body id="bgImage"&gt;
      &lt;hearder&gt;
          &lt;h1&gt;Please fill out the form and submit&lt;/h1&gt;
      &lt;/header&gt;
      &lt;div&gt;
          &lt;form action="" method="post"&gt;
               &lt;header&gt;
                  &lt;h1&gt;
                      Your information Please!
                  &lt;/h1&gt;
               &lt;/header&gt;
               &lt;div&gt;
  
          &lt;form id="form_info" action="" method="post"&gt;       
                   Fist Name &amp;nbsp;&amp;nbsp;&lt;input type="text" name="fname" required="required" /&gt;&lt;br /&gt;
                   Middle Name &amp;nbsp;&amp;nbsp;&lt;input type="text" name="mname" /&gt;&lt;br /&gt;
                   Last name &amp;nbsp;&amp;nbsp;&lt;input type="text" name="lname" required="required" /&gt;&lt;br /&gt;
                   Date of birth &amp;nbsp;&amp;nbsp;&lt;input type="text" name="dOfBirth" required="required"/&gt;&lt;br /&gt;
                   Social security Number &amp;nbsp;&amp;nbsp;&lt;input type="text" name="sNumber" /&gt;&lt;br /&gt; 
                   Gender &amp;nbsp;&amp;nbsp;&lt;label for="male"&gt;Male&lt;/label&gt;
                   &lt;input type="radio" name="sex" id="male" /&gt;
                   &lt;label for="female"&gt;Female&lt;/label&gt;
                   &lt;input type="radio" name="sex" id="female" /&gt;
                  &lt;/div&gt;&lt;br /&gt;
                  &lt;input type="submit" name="submitButton" value="Submit" class="formButton" /&gt;
          &lt;/form&gt;
      &lt;/div&gt;  
    &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>I have difficulty in accessing the Image in my drawable-hdpi folder. First I created a folder named image inside the assets folder, then  I tried to reference the image inside the image folder which is in the assets directory, using css but it did not work. I decided to use the drawable for my resources but still I have the same problem. Any help? </p>