设置手机背景图像

#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

设置手机背景图像

回答

相关问题