設置手機背景圖像

#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文件夾中訪問圖像。首先，我在資產文件夾中創建了一個名爲image的文件夾，然後嘗試使用css引用位於資產目錄中的image文件夾內的圖像，但它不起作用。我決定使用可繪製的資源，但我仍然有同樣的問題。任何幫助？設置手機背景圖像

來源

2012-08-05 Joakim Gilbert

是這些文件夾位於www文件夾裏面？ – 2012-08-05 14:32:07

Hi Clinton Ward，我創建的Image文件夾位於www文件夾內，而drawable文件夾位於res文件夾內。我首先在www文件夾內創建了Image文件夾，但無法訪問圖像，然後我決定使用rge res文件夾內的可繪製文件夾。 – 2012-08-05 20:42:46

把圖像回資產/ WWW文件夾可能在文件夾中稱爲圖像和訪問它，如下所示：

背景圖像：網址（「圖像/ bgimage.png」）;

這應該工作。

你能你的內聯CSS應該是HTML文檔的頭元素中，並通過

 <style></style>

來源

2012-11-19 17:26:09

當應用程序部署在內部使用的路徑包裹是你在項目結構看不同。嘗試

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

資產/圖像，使用

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

來源

2012-11-20 02:30:03

你好，hhhhhhhh – 2012-11-29 01:16:07

我怎麼可以在ios中使用它？ – 2014-05-20 10:52:05

設置手機背景圖像

回答

相關問題