0 
#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;
}

    <!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Alert Time</title>
      <link rel="stylesheet" href="register.css" type="text/css" media="screen" title="no title">
      <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
      <script type="text/javascript" charset="utf-8" src="register.js"></script>
  </head>
  <body id="bgImage">
    <hearder>
        <h1>Please fill out the form and submit</h1>
    </header>
    <div>
        <form action="" method="post">
             <header>
                <h1>
                    Your information Please!
                </h1>
             </header>
             <div>

        <form id="form_info" action="" method="post">       
                 Fist Name &nbsp;&nbsp;<input type="text" name="fname" required="required" /><br />
                 Middle Name &nbsp;&nbsp;<input type="text" name="mname" /><br />
                 Last name &nbsp;&nbsp;<input type="text" name="lname" required="required" /><br />
                 Date of birth &nbsp;&nbsp;<input type="text" name="dOfBirth" required="required"/><br />
                 Social security Number &nbsp;&nbsp;<input type="text" name="sNumber" /><br /> 
                 Gender &nbsp;&nbsp;<label for="male">Male</label>
                 <input type="radio" name="sex" id="male" />
                 <label for="female">Female</label>
                 <input type="radio" name="sex" id="female" />
                </div><br />
                <input type="submit" name="submitButton" value="Submit" class="formButton" />
        </form>
    </div>  
  </body>
 </html>

drawable-hdpi フォルダー内の画像にアクセスするのが困難です。まず、assets フォルダー内に image という名前のフォルダーを作成し、assets ディレクトリにある image フォルダー内の画像を css を使用して参照しようとしましたが、うまくいきませんでした。リソースにドローアブルを使用することにしましたが、それでも同じ問題があります。何か助けはありますか？

4

2 に答える 2

0

アプリのデプロイ時に内部で使用されるパスは、プロジェクト構造に表示されるものとは異なります。試す

background-image:url("file:///android_res/drawable/bgimage.png");

アセット/画像には、

background-image:url("file:///android_asset/image/bgimage.png");
于 2012-11-20T02:30:03.453 に答える
0

画像を assets/www フォルダー (おそらく images というフォルダー) に戻し、次のようにアクセスします。

background-image:url("images/bgimage.png");

これはうまくいくはずです。

インライン CSS を html ドキュメントの head 要素内に配置し、

        <style></style>
于 2012-11-19T17:26:09.873 に答える