<body>
<div class="mui-content">
<div class="head-portrait"></div>
<form>
<input type="tel" name="tel" placeholder="手机号码"/>
<input type="password" name="password" placeholder="密码"/>
</form>
</div>
</body>
body{
background-image: url(../images/login.jpg);
background-size: cover;
}
.mui-content{
background: none;
overflow: hidden;
height: 100%;
}
.ip{
position: relative;
text-align: center;
height: 80%;
}
.head-portrait{
background-image: url(../images/touxiang.jpg);
background-size:100% 100%;
width:33%;
height:18%;
border: 1px #FFFFFF solid;
border-radius: 100%;
position: absolute;
top:20%;
left: 33%;
overflow: hidden; }
form{
position: absolute;
top: 40%;
text-align: center
}
input[type=tel]{
background-color: transparent;
background-image: url(../images/input.png);
background-size:100% 100%;
width: 80%;
text-align: center;
padding-top: 8%;
padding-bottom: 6%;
border: none;
}
input[type=password]{
background-color: transparent;
background-image: url(../images/input.png);
background-size:100% 100%;
text-align: center;
width: 80%;
padding-top: 8%;
padding-bottom: 6%;
border: none;
}
1***@qq.com (作者)
不是，安卓华为。
2018-03-07 14:53